如何對齊圖像和容器內的導航欄？

Question

我無法對齊容器格內的徽標和導航欄。導航欄始終低於圖片徽標的級別。我嘗試了一些html對齊屬性，但它沒有解決問題。我使用引導CSS，所以我應該改變那裏的東西？

<header> 
<div class="navbar navbar-fixed-top"> 
    <div class="navbar-inner"> 
     <div class="container"> 

      <!--company logo and slogan--> 
      <img src="img/logo.png" alt="logo" /> 

      <!--button for responsive navigation--> 
      ... 

      <!--Nav bar--> 
      <div class="nav-collapse collapse">   
       <ul class="nav pull-right" > 
       ... 
       </ul> 
          </div> 

     </div> 
    </div> 
</div> 

Answer 1

你可以嘗試左浮動的IMG和你的div標籤如下：

<header> 
    <div class="navbar navbar-fixed-top"> 
     <div class="navbar-inner"> 
      <div class="container" style="overflow: auto; "> 

       <!--company logo and slogan--> 
       <img src="img/logo.png" style="float: left; " alt="logo" /> 

       <!--Nav bar--> 
       <div class="nav-collapse collapse" style="float: left; ">   
        <ul class="nav pull-right" > 
        ... 
        </ul> 
       </div> 
      </div> 
     </div> 
    </div> 
</header> 

這應該讓他們展示在同一水平。