<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类.绿色框表示填充！所以,它发生在左边但不是正确的
解决方法
.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>
