css - 如何在 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 上进行填充时，我希望填充对整个网格产生影响!在里面。但是发生了溢出(我认为，正确的填充不起作用)

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