7 
<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班级。绿色框，代表填充！所以，它发生在左边而不是右边

4

2 回答 2

16

.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-06T18:09:13.063 回答
0

我无法从您的帖子中看到（或辨别）出了什么问题，但这是我的猜测：通过在 Bootstrap 大小的元素上放置填充，您已经改变了它的宽度。尝试将边距放在 .Header 上。

如果这没有帮助，请创建一个演示：http: //jsfiddle.net/

于 2013-02-06T17:59:14.867 回答