位於容器右下角的自定義菜單

我正在做一些使用自舉響應網站的測試，所以我想在菜單左右有一個導航菜單，但是在容器的右下角。位於容器右下角的自定義菜單

當我簡單地添加導航時，如果我使用float當然默認情況下右上角。例如，現在我可以通過執行margin-top:100px來降低菜單，但是當我開始縮小網站尺寸時，div會跳到最下面，我仍然會保留這個頁邊距，但在這種情況下，我寧願不要這樣做。

任何想法如何做到這一點？

<div class="container" style="min-height:170px"> 
    <div class="row" style="margin-top: 15px;"> 
     <div class="col-md-4" style="border: 1px dashed;> 
      <a class="" href="#"> 
      <img alt="Brand" src="logo.png" /> 
      </a> 
     </div> 
     <div id="menu" class="col-sm-8" style="border: 1px dashed; min-height:120px;"> 
      <ul class="nav navbar-nav navbar-right"> 
      <li role="presentation" class="active"><a href="#">Home</a></li> 
      <li role="presentation"><a href="#">m1</a></li> 
      <li role="presentation"><a href="#">m2</a></li> 
      <li role="presentation"><a href="#">m3</a></li> 
      </ul> 
     </div> 
    </div> 
</div>

來源

2015-12-23 Alnedru

你可以添加截圖嗎？ – Amol

如果需要，您可以使用媒體查詢刪除邊距。您可以爲每個屏幕寬度的每個ID或類設置特定的CSS樣式。在你的情況下，你可以在你認爲最好的寬度上去掉邊距。 –

嘗試應用這一類「COL-MD-偏移-X」 e.g「COL-MD-偏移-6」你的品牌，它會自動設置適當的利潤爲你和保持它的響應。但請記住，如果您不想破壞網站的響應能力，請儘量避免使用100px，例如，您可以使用100％。

來源

2015-12-23 13:12:47

位於容器右下角的自定義菜單

回答

相關問題