如何更改导航栏/容器宽度？ Bootstrap 3
我的导航栏的默认宽度太宽1170px 。 我想把它降低到940px – 但我想保持响应。
我试图在CSS中更改容器宽度，并且使用大型浏览器可以正常工作，但在查看移动设备大小时，页面的其余部分会分崩离析。
这是正确的财产还是有别的？
@media (min-width: 1200px) { .container { max-width: 1170px; }
这是我的导航栏代码
<div class="navbar navbar-inverse navbar-fixed-top"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="#">Site Name</a> </div> <div class="collapse navbar-collapse"> <ul class="nav navbar-nav navbar-right"> <li class="active"><a href="#shop">Shop</a></li> <li><a href="#showcase">Showcase</a></li> <li><a href="#help">Help</a></li> <li><a href="#my account">My Account</a></li> <li><a href="#cart">Cart <span class="glyphicon glyphicon-shopping-cart"></span></a></li> </ul> </div><!--/.nav-collapse --> </div> </div>
我只是自己解决了这个问题。 你在正确的轨道上。
@media (min-width: 1200px) { .container{ max-width: 970px; } }
在这里我们说：在视口1200px或更大 – 将容器最大宽度设置为970px。 这将覆盖当前将max-width设置为1170px的标准类。
注意：确保你包含bootstrap.css的东西（以前每个人都犯了这个小错误）。
希望这有帮助，祝你好运！
对于小于992像素的视口，容器宽度将下降到940像素。 如果你真的不想要大于940像素的容器，那么去Bootstrap自定义页面，并将@container-lg-desktop设置为@container-desktop或硬编码940px 。
你好，这工作你尝试！ 在你的情况是.navbar-fixed-top {}
.navbar-fixed-bottom{ width:1200px; left:20%; }
您正在使用的.navbar-static-top强制navbar变为全angular。 删除该类，你会得到一个可resize的navbar 。 然后，您可以将其包装在您想要的尺寸span# 。
<div class="container"> <div class="row"> <div class="span6 offset3"> <div class="navbar"> ... </div> </div> </div>
正确的方法是在这里更改在线定制器的宽度：
http://getbootstrap.com/customize/
下载重新编译的源代码，覆盖现有的引导程序目录，然后重新加载（介意浏览器caching!!!）
所有更改将保留在.jsonconfiguration文件中
再次申请所有的变化只是上传json文件，你准备好去
如果您正在处理更加dynamic的屏幕分辨率/大小，而不是以像素为单位对大小进行硬编码，则可以将宽度更改为介质宽度的百分比，
@media (min-width: 1200px) { .container{ max-width: 70%; } }
只是简单的：
.navbar{ width:65% !important; margin:0px auto; left:0; right:0; padding:0; }
要么，
.navbar.navbar-fixed-top{ width:65% !important; margin:0px auto; left:0; right:0; padding:0; }
希望它能起作用（至less对未来的search者来说）
