我正在開發一個Bootstrap 3項目,我想了解使用.container類是強制性的。我正在嘗試實現全角頁面,如果使用.container,則會在左側和右側創建邊距。使用.container是否需要引導程序3?
所以我嘗試編碼我的頁面,而不包裹我的內容.container。結果如下:
但是,當我把它包起來都奇蹟般地固定本身.container裏面,看看:
任何想法如何,我可以實現帶Bootstrap 3的全寬時代?
我正在開發一個Bootstrap 3項目,我想了解使用.container類是強制性的。我正在嘗試實現全角頁面,如果使用.container,則會在左側和右側創建邊距。使用.container是否需要引導程序3?
所以我嘗試編碼我的頁面,而不包裹我的內容.container。結果如下:
但是,當我把它包起來都奇蹟般地固定本身.container裏面,看看:
任何想法如何,我可以實現帶Bootstrap 3的全寬時代?
正如this article表明您可以創建自己的容器,而不是.container
.my-fluid-container {
padding-left: 0;
padding-right: 0;
margin-left: auto;
margin-right: auto;
}
這似乎是工作,而不是.container
非常好,col-*
類中。也許有一些警告,但乍一看沒有什麼奇怪的事情發生。
如果您需要使用.row
和.col-*
類,則必須使用定義.col-*
工作邊界的.container
。
其他正常的html設計規則適用,您需要定義您自己的css類來處理您嘗試實現的全寬佈局。
如何儘可能優雅地解決全寬問題? –
那麼......沒有一個我不能爭辯的例子。 :)圖片是不夠的。嘗試創建一個jsfiddle的問題。通常這只是填充,邊距,邊界的問題...... –
你還可以用玉模板嗎? –
當我查看plunker示例時,Chrome中有一個水平滾動條。 –
剛剛與Ubuntu Chrome版本30.0.1599.0 dev進行了檢查沒有滾動條。你使用哪個版本? –
OS X 10.8.4,Chrome版本31.0.1650.63。 https://dl.dropboxusercontent.com/u/5305615/stack_overflow/18317532_scrollbars.png –