0
我有一个Bootstrap导航栏,我试图设置为整个窗口的汉堡包,除非它伸展到700px左右(当它可以显示所有nabber下拉菜单而不堆叠时)。这个效果一直持续到400px左右,此时'home'按钮和'hamburger'似乎向nabber的中间靠拢,并且不会正常下降。我曾尝试使用左拉和右拉类,但是这会将它们留在原地。我的导航栏是这样的:Bootstrap导航栏
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html">Home</a>
</div>
与下面的CSS:
@media (max-width: 1200px) {
.navbar-collapse.collapse {
display: none !important;
}
.navbar-collapse.collapse.in {
display: block !important;
}
.navbar-header .collapse, .navbar-toggle {
display:block !important;
}
.navbar-header {
float:none;
}
检查包含父元素上设置的“最大宽度”。 – UncaughtTypeError