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

Question

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

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

但是，请注意 - 在相同的文件中 - 为 xs 屏幕设计的导航超链接(与其他屏幕尺寸不同，您会在 <!-- page body ends here, menu and footer start --> 行之后找到它们)< strong>做工作。

站点中不基于 Bootstrap 的旧页面确实可以工作 - 当然，尽管它们没有响应。真的很疑惑...感谢您的帮助!

克劳迪奥

Answer 1

问题是你的 div 类 nav nav-pills 与类 col-xs-12 重叠，当页面大小为减少，你现在要做的是将 z-index : 1 添加到你的 col-xs-12 类中，如下所示:

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

我建议您将另一个类名添加到您的 col-xs-12 类以避免覆盖 bootstrap css :

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