引導程序容器

我有一個身體背景灰色的設計，內容是一個20px填充的白色容器。引導程序容器

我使用引導程序來創建它，但如果我這個20像素的填充添加到容器中，然後其他所有span元素不適合...

它應該是：

<div class="container"> <!-- this should be white background --> 
    <div class="row"> 
     <div class="span4"></div> <!-- this element should be 20px margin left --> 
     <div class="span4"></div> 
     <div class="span4"></div> <!-- this element should be 20px margin right --> 
    </row> 
</div>

有一種使用Bootstrap創建這種容器的方法？

謝謝。

來源

2013-08-02 Ayeye Brazo

這是否解決您的問題？

.container { 
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ 
    -moz-box-sizing: border-box; /* Firefox, other Gecko */ 
    box-sizing: border-box;   /* Opera/IE 8+ */ 
}

來源

2013-08-02 08:12:29

通過Bootstrap Documentation有幾個預定義的類來實現此目的。

試試這個

<div class="span4 offset1"></div> 
    <div class="span4"></div> 
    <div class="span4 offset4"></div>

來源

2013-08-02 08:13:50 Wishnu

你有沒有試過你寫的是什麼？ –

速戰速決是簡單地使用row-fluid，而不是row，因爲它允許spanN的div瓜分無論是可用的; row類爲您提供span固定大小的類。

來源

2013-08-02 08:19:29

起初我想提一提，有一個新的

Bootstrap version (3)

現在可用。如果你仍然想使用你的版本已經安裝嘗試使用類

row-fluid

而不是行。的

offset

類也是可能的，但也許是間距過大...

來源

2013-08-02 08:19:59 zuluk

我知道Bootstrap 3，但它有同樣的問題，你不能管理容器填充...如果你這樣做了跨度不適合了...我不需要使用行流體...... –

引導程序容器

回答

相關問題