如何在twitter引導中填充流體行上的填充

<div class="internal-wrapper row-fluid"> 
     <div class="Header span12"> 
       <div class="HeaderTitle span6"></div> 
       <div class="span6"></div> 
     </div> 
</div>

現在，當我在內部包裝上填充填充時，我預計填充會影響整個網格！在裏面。但溢出發生（我認爲，正確的填充不工作）如何在twitter引導中填充流體行上的填充

.internal-wrapper { 
    padding-left: 30px; 
    padding-right: 30px; 
}

enter image description here

下面的藍色豎條表示Header類。綠色框表示填充！所以，它發生在左邊，但不是右邊

來源

2013-02-06 Surya

.row-fluid是100％的寬度。因爲它使用了邊界框佈局，所以你放入的任何填充都會被添加到100％。請參閱http://paulirish.com/2012/box-sizing-border-box-ftw/。但是，將其設置爲使用內容框模型可能會導致Bootstrap中的其他問題。

如何解決它 - 用填充添加一個內部元素。

<div class="row-fluid"> 
    <div style="padding-left: 30px; padding-right: 30px;"> 
    ... 
    </div> 
</div>

來源

2013-02-06 18:09:13

Break Bootstrap如何？通過繼承邊框到內部元素？ – NoBugs

我從你的帖子看不到（或辨別）出了什麼問題，但這是我的猜測：通過在Bootstrap大小的元素上放置填充，你已經改變了它的寬度。請嘗試將邊緣替換爲.Header。

如果這沒有幫助，請創建一個演示：http://jsfiddle.net/

來源

2013-02-06 17:59:14 isherwood

這似乎證實了我的答案。 – isherwood

如何在twitter引導中填充流體行上的填充

回答

相關問題