无法使用全宽导航栏引导程序

Question

我想充分宽度导航栏像这样.这是我的代码:

<div class="navbar">
    <div class="navbar-inner">
        <div class="container">
            <!--brand and menu-->
        </div>
    </div>
</div>

CSS:

.navbar .container {
  width: 100% !important;
}

为什么它保持体宽(940px)？

Answer 1

使用container-fluid而不是container类.

容器类提供固定宽度的布局.链接

<div class="navbar">
    <div class="navbar-inner">
        <div class="container-fluid">
            <!--brand and menu-->
        </div>
    </div>
</div>