Twitter Bootstrap 3 - Navbar yatay değil

Question

Ben bootstrap ile etrafında fiddlin 3. Ben yatay dışında gelmez dışında yatay bir navbar yapmaya çalışıyorum. Navbar kutusunun yatay olması gerektiğini düşündüm, belki biraz ek css'ye ihtiyacım var mı? Ben sadece CSS bu biraz ilave

<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

Kodunuz Bootstrap 2 içindir ve değiştirilmesi gerekir. bootstrap 3'te:

1. <a class="brand" href="#">Title</a><a class="navbar-brand" href="#">Title</a>
2. <ul class="nav"> doc here yılında <div class="navbar-inner">

Daha Bilgi <ul class="nav navbar-nav">

artık gerek dönüşür.

Answer 2

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

bunu kontrol ve bakalım:

böyle önyükleme belgelerinden bir navbar kopyalama kodu yapmaya çalıştı Sizin için çalışıp çalışmadığını biliyorum:

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>