超级链接无法在Bootstrap v3.3.1的xs屏幕上工作

Question

请帮忙，我想不出为什么我的超链接不显示在最小的屏幕（xs）上，而他们显示和处理其他屏幕尺寸。这很可能与我编写代码的方式有关 - 当我将自定义css文件（https://balmainmassage.com.au/2015/css/2015.css）脱机时，我的链接仍然不起作用，而我在脱机时执行bootstrap.min.css。我没有修改引导文件。

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

但是，请注意 - 在同一个文件 - 专为XS屏幕的导航链接做的工作（比其它屏幕尺寸不同，你会行<!-- page body ends here, menu and footer start -->后找到）。

不基于引导程序的网站中的旧页面可以工作 - 当然，尽管它们没有响应。 真的不解...感谢您的帮助！

克劳迪奥

Answer 1

的问题是，你的分度类nav nav-pills与包含在页面尺寸减小了超链接的类col-xs-12重叠的DIV，你现在要做的就是添加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; 
}