Bootstrap v3.3.1 中的超链接在 xs 屏幕上不起作用

Question

请帮忙，我想不出为什么我的超链接在最小的屏幕 (xs) 上不显示，而在其他屏幕尺寸上显示和工作的原因。这可能是与我编写代码的方式有关的问题 - 当我使我的自定义 css 文件 (https://balmainmassage.com.au/2015/css/2015.css) 脱机时，我的链接仍然不起作用，而当我下线 bootstrap.min.css。我没有修改 bootstrap 文件。

我在基于模板 2015.dwt 的所有页面上都有这个问题，该模板位于 public_html 文件夹中的 Templates 文件夹中。基于此模板的页面示例位于 https://balmainmassage.com.au/2015/january_specials.html。它适用于除 xs 以外的所有屏幕尺寸。

但是，请注意 - 在相同的文件中 - 为 xs 屏幕设计的导航超链接（与其他屏幕尺寸不同，您会在行之后找到它们) 做作业.

站点中不基于 bootstrap 的旧页面确实有效 - 当然，尽管它们没有响应。真是百思不得其解。。。谢谢大家的帮助！

克劳迪奥

Answer 1

问题是您的 div 与 class nav nav-pills 重叠了您的 div 与包含超链接的 class col-xs-12当页面大小减小时，您现在要做的是将 z-index : 1 添加到您的 col-xs-12 class 中，如下所示：

.col-xs-12 {
  z-index: 1;
}

我建议您在 col-xs-12 class 中添加另一个 class 名称以避免覆盖 bootstrap css :

<div class="col-xs-12 MyClassName"> 
.MyClassName {
  z-index: 1;
}

Bootstrap v3.3.1 中的超链接在 xs 屏幕上不起作用

Hyperlinks not working on xs screens in Bootstrap v3.3.1

css

hyperlink

twitter-bootstrap