twitter-bootstrap - Twitter Bootstrap 3 - 导航栏不水平

Question

我正在使用 Bootstrap 3。我正在尝试制作一个水平导航栏，但它不会变成水平的。我认为导航栏应该是水平开箱即用的，我可能需要一些额外的 CSS 吗？

我试图从 Bootstrap 文档中制作一个导航栏复制代码，如下所示:

<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>

http://jsfiddle.net/FxkZT/

Answer 1

DEMO

您的代码适用于 BootStrap 2，需要更改。在 Bootstrap 3 中:

<a class="brand" href="#">Title</a>变成 <a class="navbar-brand" href="#">Title</a>

<ul class="nav">变成 <ul class="nav navbar-nav">

不再需要 <div class="navbar-inner">

文档中的更多信息 here .