使用Bootstrap3

Question

試圖擴展這個導航欄，並防止它倒塌時，窗口縮小

這裏擴展導航欄與CSS就是它目前看起來像

這裏就是我試圖使它看起來像

這是我的第一個引導的項目，這是我當前的代碼：

HTML：

<div class="navbar navbar-inverse"> 
     <div class="container"> 
     <div class="navbar-header"> 
      <img src="images/tacticIDLogo.png" height="125" width="240" border="0" /> 
     </div> 
     <div class="navbar-collapse collapse"> 
      <ul class="nav navbar-nav" > 
      <li><a href="#">Home</a></li> 
      <li><a href="#about">About</a></li> 
      <li><a href="#contact">Contact</a></li> 
      <li class="dropdown"> 
       <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a> 
       <ul class="dropdown-menu"> 
       <li><a href="#">Action</a></li> 
       <li><a href="#">Another action</a></li> 
       <li><a href="#">Something else here</a></li> 
       <li class="divider"></li> 
       <li class="dropdown-header">Nav header</li> 
       <li><a href="#">Separated link</a></li> 
       <li><a href="#">One more separated link</a></li> 
       </ul> 
      </li> 
      </ul> 
     </div><!--/.navbar-collapse --> 
     </div> 
    </div> 

這裏是我的CSS：

body{ 
    background-color:#000000; 
    padding-top: 50px; 
    padding-bottom: 20px; 
} 
.navbar-nav{ 
    margin-top:30px; 
    background-color:#000000; 
    float:right; 
} 
.container{ 
    width:960px; 
    min-width:960px; 
    max-width:960px; 
} 
.navbar { 
    background-color:#000000; 
    height:100px; 
    border:0px; 
} 
.navbar .navbar-nav > .active > a { 
    background-color:#000000; 
} 
.navbar-inverse { 
    background-color:#000000; 
} 

.navbar-inverse .navbar-nav > .active > a { 
    background-color:#000000; 
} 

我已經與它爭奪一個小時，我覺得自己很蠢，因爲我可以很容易地做到這一點，而不引導。任何幫助都會很棒......我也有Modernizr對此進行了調用，並不確定這是否會對此產生任何影響。

Answer 1

好像你需要一個包裝DIV添加到ul.navbar-nav

<div class="navbar-header"> 
    <img src="images/tacticIDLogo.png" height="125" width="240" border="0" /> 
</div> 
<div class="navbar-collapse collapse"> 
    <div class="nav-wrapper"> 
    <ul class="nav navbar-nav"> 
     .... 
    </ul> 
    </div> 
</div> 

，並添加一些CSS

.nav-wrapper { 
    height: 50px; 
    background-color:#333; 
    width: 100%; 
    margin-top: 30px; 
} 
.navbar-nav { 
    float: right 
} 

看到這個小提琴：http://jsfiddle.net/4jGz3/1/