如何在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引导中填充流体行上的填充

回答

相关问题