自舉垂直對齊和子導航

Question

我有一個問題來定位一個二維菜單。 它與圖像在同一行，我想將它放在行的底部。現在，它被放置在該行的頂部，看起來像這樣：

Header how it looks like now.

這裏我的代碼：

<div class="row"> 
    <div class="span2"> 
     <img src="stockpulse.png" class="img-rounded"> 
    </div> 
    <ul class="nav nav-tabs"> 
     <li class="dropdown"> 
      <a class="dropdown-toggle" data-toggle="dropdown" href="#">Dropdown<b class="caret"></b></a> 
      <ul class="dropdown-menu"> 
       <li><a href="#">Action</a></li> 
       <li><a href="#">Action</a></li> 
       <li><a href="#">Action</a></li> 
      </ul> 
     </li> 
     <li class="dropdown"> 
       ... 
    </ul> 
</div> 

它應該是這樣的：

Header with a dropup menue showing the subcategories on a subsite:

是如果我想永久顯示子類別，是否可以在導航欄中使用下拉菜單？或者是在導航欄中的導航更有用？

Answer 1

難道這就是你要找的人：http://jsfiddle.net/8xa5h/

基本上，我所做的就是根據圖像的高度增加了margin-top的導航欄。

.navbar .nav { 
    margin-top: 120px;  
}