如何在twitter bootstrap中的流体行上填充

Question

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

现在,当我在内部包装器上填充时,我期待填充对整个网格产生影响!在里面.但是正在发生溢出(我认为,正确的填充不起作用)

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

下面的蓝色栏代表Header班级.绿色框表示填充!所以,它发生在左边但不是正确的

Answer 1

.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>