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 --> 行之后找到它们)<强>做工作。

站点中不基于 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;
}