twitter-bootstrap-3 – Bootstrap 3导航栏和折叠菜单不同的背景

发布时间：2020-12-18 00:18:49 所属栏目：安全来源：网络整理

导读：我想让Navbar背景与折叠菜单的背景不同. 解决方法我相信我找到了一个答案,但会感谢任何进一步的评论或替代解决方案,因为这似乎有点黑客… .navbar {background-color: #8e181b;}.navbar-default .navbar-nav li a,.navbar-default .navbar-brand {color: #f

我想让Navbar背景与折叠菜单的背景不同.

解决方法

我相信我找到了一个答案,但会感谢任何进一步的评论或替代解决方案,因为这似乎有点黑客…

.navbar {background-color: #8e181b;}
.navbar-default .navbar-nav > li > a,.navbar-default .navbar-brand {color: #f1f1f1;}
.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a:focus {color: #f1f1f1; background-color: #b27677;}

@media only screen and (max-width: 766px) {
.collapsing,.in {background-color: #f7f7f7;}
.collapsing ul li a,.in ul li a {color: #555!important;}
.collapsing ul li a:hover,.in ul li a:hover {color: #f1f1f1!important;}
}

这是jsfiddle：http://jsfiddle.net/vp7XS/

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!