什麼用於獲取全屏幕元素在twitter引導？

我剛開始學習響應式框架Bootstrap，我試圖弄清楚如何爲整個屏幕製作全寬元素。什麼用於獲取全屏幕元素在twitter引導？

就像我正在閱讀一篇文章，它指出，通常你會使用.container，因爲它在屏幕上居中並在邊緣添加填充;然後它繼續說，如果您希望它全屏顯示，則應該使用.container-fluid，因爲它的寬度設置爲100%。

我已經下載Bootstrap 3.20，這是不正確的，他們是完全一樣的：

CSS：

.container { 
    padding-right: 15px; 
    padding-left: 15px; 
    margin-right: auto; 
    margin-left: auto; 
} 

.container-fluid { 
    padding-right: 15px; 
    padding-left: 15px; 
    margin-right: auto; 
    margin-left: auto; 
}

所以，如果我想使用全屏的方法，我應該使用什麼爲容器？

來源

2014-07-16 Brett

你爲什麼不嘗試一下，看看它做了什麼？ – DavidG

@DavidG Ummmmm .......我做到了;根據我的問題和代碼，它完全一樣。 – Brett

然後你做錯了什麼。正如koala_dev所解釋的那樣，流體容器不受限制並使用全寬度。 – DavidG

的區別在於它們使用設置的.container大小媒體查詢：

@media (min-width: 768px) { 
    .container { 
    width: 750px; 
    } 
} 
@media (min-width: 992px) { 
    .container { 
    width: 970px; 
    } 
} 
@media (min-width: 1200px) { 
    .container { 
    width: 1170px; 
    } 
}

.container-fluid始終是100％，那麼你的情況，你會希望使用或根據情況你可能只是使用普通的<div>

來源

2014-07-16 16:30:29

好吧，但'容器流體'仍然有填充的邊緣，因此它不會全屏。 – Brett

@Brett如果你想要一個「真正的」全角元素只使用一個沒有任何容器類的div，一個'.container-fluid'要與一個'.row'結合，該'.row'具有負邊距來補償填充 –

什麼用於獲取全屏幕元素在twitter引導？

回答

相關問題