2013-08-19 40 views
2

我正在開發一個Bootstrap 3項目,我想了解使用.container類是強制性的。我正在嘗試實現全角頁面,如果使用.container,則會在左側和右側創建邊距。使用.container是否需要引導程序3?

所以我嘗試編碼我的頁面,而不包裹我的內容.container。結果如下:

without container

但是,當我把它包起來都奇蹟般地固定本身.container裏面,看看:

with container

任何想法如何,我可以實現帶Bootstrap 3的全寬時代?

回答

2

正如this article表明您可以創建自己的容器,而不是.container

.my-fluid-container { 
    padding-left: 0; 
    padding-right: 0; 
    margin-left: auto; 
    margin-right: auto; 
} 

這似乎是工作,而不是.container非常好,col-*類中。也許有一些警告,但乍一看沒有什麼奇怪的事情發生。

Example at plunker

+0

當我查看plunker示例時,Chrome中有一個水平滾動條。 –

+0

剛剛與Ubuntu Chrome版本30.0.1599.0 dev進行了檢查沒有滾動條。你使用哪個版本? –

+0

OS X 10.8.4,Chrome版本31.0.1650.63。 https://dl.dropboxusercontent.com/u/5305615/stack_overflow/18317532_scrollbars.png –

2

如果您需要使用.row.col-*類,則必須使用定義.col-*工作邊界的.container

其他正常的html設計規則適用,您需要定義您自己的css類來處理您嘗試實現的全寬佈局。

+0

如何儘可能優雅地解決全寬問題? –

+0

那麼......沒有一個我不能爭辯的例子。 :)圖片是不夠的。嘗試創建一個jsfiddle的問題。通常這只是填充,邊距,邊界的問題...... –

+0

你還可以用玉模板嗎? –

相關問題