Twitter Bootstrap 3 - Navbar nicht horizontal

Question

Ich bin fiddlin 'mit bootstrap 3. Ich versuche, eine horizontale navbar zu machen, außer es nicht horizontal aus. Ich dachte die Navbar sollte horizontal aus der Box sein, brauche ich vielleicht noch etwas CSS?

Ich versuchte, ein navbar Kopieren Code aus dem Bootstrap-Dokumentation so zu machen:

<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

Der Code ist für BootStrap 2 und muss geändert werden. In Bootstrap 3:

1. <a class="brand" href="#">Title</a> wird <a class="navbar-brand" href="#">Title</a>
2. <ul class="nav"><ul class="nav navbar-nav">
3. Keine Notwendigkeit mehr für <div class="navbar-inner">

Weitere Informationen im doc here wird.

Answer 2

http://jsfiddle.net/FxkZT/5/

Habe ich nur dieses bisschen CSS, check it out und lassen Ich weiß, ob es für Sie funktioniert:

CSS:

@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; 
} 

HTML:

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