Twitter bootstrap Twitter引导程序3-导航栏不水平

我在忙着用bootstrap 3。我试着做一个水平导航条，但结果不是水平的。我认为导航栏应该是水平的，我是否需要一些额外的css

我尝试从引导文档中复制navbar代码，如下所示：

<div class="row">
    <div class="col-12">            
        <div class="navbar">
          <div class="navbar-inner">
            <a class="brand" href="#">Title</a>
            <ul class="nav">
              <li class="active"><a href="#">Home</a></li>
                <li><a href="#">Link</a></li>
                  <li><a href="#">Link</a></li>
            </ul>
          </div>
        </div> 
    </div>
</div>

我刚刚添加了一点CSS，请查看并告诉我它是否适合您：

CSS:

HTML:

您的代码用于引导2，需要更改。在引导程序3中：

变成

变成

不再需要

---

文档中有更多信息。

可能与您的观点重复。您是对的，我实际上看了错误的文档。非常感谢！

@import url('http://getbootstrap.com/dist/css/bootstrap.css');

.navbar .nav > li {
    float:none;
    display:inline-block;
    *display:inline; /* Internet Explorer 7 compatibility */
    *zoom:1;
    vertical-align: top;
}

<div class="row">
    <div class="col-12">
        <div class="navbar">
          <div class="navbar-inner">
            <a class="brand" href="#">Title</a>
            <ul class="nav">
              <li class="active"><a href="#">Home</a></li>
                <li><a href="#">Link</a></li>
                  <li><a href="#">Link</a></li>
            </ul>
          </div>
        </div>


    </div>
</div>