css - 如何在 Twitter Bootstrap 中将导航栏调整为固定宽度？

Question

默认导航栏水平跨越浏览器窗口。

<div class="navbar navbar-static-top">

您如何将导航栏声明为仅750px宽度并放置在中心？
CSS 中的设置margin:auto;不起作用。

Answer 1

您正在使用的.navbar-static-top强制导航栏变为全角。删除该类，您将获得一个可调整大小的导航栏。然后，您可以将其包装成span#您想要的大小：

<div class="container">
    <div class="row">
        <div class="span6 offset3">
            <div class="navbar">
                ...
            </div>
        </div>
    </div>
</div>

这里有一个例子：http: //jsfiddle.net/simbirsk/xAMYF/