我正在使用 Bootstrap v3。
我已经设置了导航栏类，这样当我的屏幕大小为移动设备大小时，导航会折叠并出现类似网格的小切换按钮 - 所以这可以按预期工作。
我想要的是，这是所有屏幕尺寸的默认操作。也就是说，即使在桌面上，我也希望导航折叠起来并且切换按钮可见。
我浏览了 css，发现有一大堆提供功能的东西，尽管我不知道要更改哪些部分。
我尝试注释掉较大的媒体查询，尽管它们有很多，而且它似乎对其他样式产生了连锁反应。
有任何想法吗？
您可以像这样覆盖默认的 Bootstrap CSS...
.navbar-header {
float: none;
}
.navbar-toggle {
display: block;
}
.navbar-collapse {
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}
.navbar-collapse.collapse {
display: none!important;
}
.navbar-nav {
float: none!important;
margin: 7.5px -15px;
}
.navbar-nav>li {
float: none;
}
.navbar-nav>li>a {
padding-top: 10px;
padding-bottom: 10px;
}
Demo: http://www.bootply.com/114896 http://www.bootply.com/114896
这将确保始终通过覆盖 Bootstrap @media 查询来使用折叠的导航栏。
Update:对于 Bootstrap 4，您只需删除navbar-toggleable class:
http://www.codeply.com/go/LN6szcJO53 http://www.codeply.com/go/LN6szcJO53
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
