css – Twitter Bootstrap – 全宽导航栏

按照TB的例子，我有一个导航栏标记如下：

<div class="container">
    <div class="navbar">
        <div class="navbar-inner">
                   <!-- nav bar items here -->
        </div>
    </div>
</div>

我想要这样做跨越屏幕的整个宽度，没有任何圆角 – 类似于导航栏的静态顶部样式。

在TB中似乎找不到如何做到这一点。如果没有办法，我需要什么CSS来覆盖TB，而不是破坏响应？

解决方法

不知道navbar-static-top类是否在版本2.2.2之前可用，但我认为您可以通过以下方式实现您的目标：

<div class="navbar navbar-static-top">
    <div class="navbar-inner">
        <ul class="nav">
            <li class="active"><a href="#">Test1</a></li>
            <li><a href="#">Test2</a></li>
            <li><a href="#">Test3</a></li>
            <li><a href="#">Test4</a></li>
            <li><a href="#">Test5</a></li>
        </ul>
    </div>
</div>
<div class="container">
    ...
</div>

我整理了一个jsFiddle as an example。

原文地址：https://www.jb51.cc/css/218364.html