在css和bootstrap菜單中的兩行

我想在頁面中創建頁眉，中間左側有徽標，右側有2行菜單。我怎樣才能做到這一點與CSS和從bootstrap使用一些類？像這樣在css和bootstrap菜單中的兩行

--------------------------------------------------| 
      | menu items 1 (aligned top-right) | 
Logo here |---------------------------------------| 
      | menu items 2 (aligned bottom-right)| 
--------------------------------------------------|

來源

2014-11-24 user3652674

這樣的事情，我無論做什麼，它總是推從左側的項目。這個例子沒有bootstrap，但它的類具有相同的功能： http://jsfiddle.net/4pjco6p3/ – user3652674 2014-11-24 18:40:46

下面是代碼

<div class="container"> 
    <div class="row col-xs-4"> 
    // logo goes here 
    </div> 
    <div class="row col-xs-8"> 
    <div class="row col-xs-12"> 
     // upper part of menu 
    </div> 
    <div class="row col-xs-12"> 
     // lower part of menu 
    </div> 
    </div> 
</div>

來源

2014-11-24 18:38:33 Junaid

好的工作Junaid，我唯一的建議是使用'li'和span設置來顯示塊。這樣他可以更好地控制它作爲響應菜單;） – LOTUSMS 2014-11-24 18:45:04

你可能是對的。但默認的div是顯示模塊。另一方面，我已經使用div方法解決了很多敏感問題。感謝您的建議，我會在某一天嘗試。 – Junaid 2014-11-24 18:50:06

在css和bootstrap菜單中的兩行

回答

相關問題