如何在 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/