Twitter Bootstrap 3 - Navbar不是水平的

Question

我正在使用bootstrap 3进行fiddlin'.我正在尝试制作一个水平导航栏,除了它不会横向移动.我认为导航栏应该是开箱即用的,我是否需要一些额外的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中:

1. <a class="brand" href="#">Title</a> 变 <a class="navbar-brand" href="#">Title</a>
2. <ul class="nav"> 变 <ul class="nav navbar-nav">
3. 不再需要了 <div class="navbar-inner">

这里的文档中有更多信息.