在Bootstrap v3.3.1中,超链接无法在xs屏幕上运行

时间:2015-01-11 10:35:04

标签: css twitter-bootstrap hyperlink

请帮助,我想不出我的超链接在显示和处理其他屏幕尺寸时在最小屏幕(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屏幕设计的导航超链接(与其他屏幕尺寸不同,您将在行{{1}之后找到它们}}) DO WORK

网站中不是基于引导程序的较旧页面可以正常工作 - 当然,尽管它们没有响应。 真的很困惑......谢谢你的帮助!

克劳迪奥

1 个答案:

答案 0 :(得分:2)

问题在于,您的div nav nav-pills与您的div重叠,而类col-xs-12在页面大小减少时包含超链接,您现在要做的就是添加{{ 1}}到您的z-index : 1类,如此:

col-xs-12

我建议您为.col-xs-12 { z-index: 1; } 课程添加其他课程名称,以避免覆盖col-xs-12

bootstrap css