容器 - 優文庫

我有使用Twitter一個下面的Navbar碼自舉容器

<div class="navbar navbar-inverse"> 
    <div class="navbar-inner"> 
    <div class="container"> 
     <ul class="nav"> 
     <li class="active"><a href="#">Home</a></li> 
     <li><a href="#">Link</a></li> 
     <li><a href="#">Link</a></li> 
     </ul> 
    </div> 
    </div> 
</div>

並且輸出是 With original bootstrap 當我刪除：從」 .navbar .container {寬度「寬自」： auto}「在bootstap.css中輸出變爲 After the hack 並且是我期待的輸出。

https://github.com/twitter/bootstrap/issues/2093顯示：作爲預期feature.What我做錯了這裏「寬自」？

來源

2012-12-10 Jayesh

<div class="navbar navbar-static-top navbar-inverse"> 
    <div class="navbar-inner"> 
    <div class="container"> 
     <ul class="nav"> 
     <li class="active"><a href="#">Home</a></li> 
     <li><a href="#">Link</a></li> 
     <li><a href="#">Link</a></li> 
     </ul> 
    </div> 
    </div> 
</div>

這應該這樣做

來源

2013-04-10 21:57:19

一個html和易於訪問的友好版本將使用作爲最外層容器的引導程序（每個[Bootstrap 3 docs]（http：// getbootstrap .COM /組件/＃導航欄默認））。 –

role =「導航」被認爲是冗餘的.http：//html5doctor.com/on-html-belts-and-aria-braces/ –

如果你看一下Bootstrap basic nav bar example，你會看到有關於導航欄的任一側的邊緣。這是因爲對於非流體容器，您的頁面將佔用固定寬度，導航欄將使用該寬度。

如果您希望導航欄延伸到整個頁面，則需要使用class="container-fluid"，但在流體佈局中，菜單項（默認情況下）將從頁面的左側流動。

在代碼中，你同時使用container和container-fluid這是不正確的，按照引導程序文件，你需要把導航中的容器 - 在你的導航標籤不嵌入容器。

來源

2012-12-10 10:34:37 timbo

我想要導航欄佔據整個屏幕寬度，但內容（菜單項）應該在容器內。刪除「容器液」不會解決這個問題。如果我將導航欄放在一個容器內，那麼欄將只有屏幕的70％。 – Jayesh

我通過從.navbar .container的bootstrap.css中刪除width: auto的定義解決了這個問題。

不是一個理想的解決方案（編輯一般bootstrap.css），但它比將所有的響應寬度的選擇更加簡單。

來源

2013-04-05 09:06:59 Matthew

我找到了另一種解決上述問題。

添加navbar-fixed-top類主要navbar股利。

並添加

.navbar-fixed-top{ 
position: relative; 
}

你的CSS規則。

這限制了菜單拉到左邊，並且正在爲wordpress開發主題時工作正常。

來源

2013-06-10 11:47:23 2lessons

容器

回答

相關問題