Bootstrap启动器模板折叠菜单未正确突出显示

时间:2013-05-12 22:48:23

标签: templates twitter-bootstrap

正确地显示网址http://twitter.github.io/bootstrap/examples/starter-template.html#但我不明白(好吧我开始使用Bootstrap)当我缩小浏览器窗口大小时,我得到菜单按钮,菜单显示良好但只有悬停在主页选项上时,主页选项是正确的。我把我的js放在body的末尾,然后在bootstrap.js之前使用jquery。 Firefox或Chrome也是如此,并且在Internet Explorer 10中,演示没有响应,菜单按钮不会出现导航保持不变。

1 个答案:

答案 0 :(得分:0)

关于你的观点,链接在悬停屏幕时不会改变< 980px宽,我不确定这种行为是否有意,但它来自bootstrap-responsive.css的第1028行

如果您希望在悬停时更改链接颜色,请按如下所示编辑样式以将颜色强制为#fff:

.navbar-inverse .nav-collapse .nav > li > a:hover, .navbar-inverse .nav-collapse .nav > li > a:focus, .navbar-inverse .nav-collapse .dropdown-menu a:hover, .navbar-inverse .nav-collapse .dropdown-menu a:focus {
background-color: #111;
color: #fff;
}  

主链接的颜色是一种特殊情况,并且正在改变,因为它继承了活动类的样式(来自bootstrap.css的第4825行)

我没有IE10来调查您的其他问题。

希望这有帮助!