Bootstrap 3:'填充'用于排水沟,不是' margin'?

时间:2015-10-21 11:06:09

标签: twitter-bootstrap

为什么Bootstrap使用填充来代替边缘'?

我目前对Bootstrap最大的烦恼是,如果你想使用网格布局,它需要将屏幕上的任何组件包装在另一个div中。例如,这些thumbnails中的每一个都必须包含在另一个div中;它不能单独存在。你不能拥有:

<a href="#" class="thumbnail col-xs-6">...</a>
<a href="#" class="thumbnail col-xs-6">...</a>

你必须:

<div class="col-xs-6">
    <a href="#" class="thumbnail">...</a>
</div>
<div class="col-xs-6">
    <a href="#" class="thumbnail">...</a>
</div>

这是因为bootstrap网格模型通过使用CSS&#34; padding&#34;在组件之间放置了沟槽/间隙。因此,要使两个元素占据其容器宽度的50%,Bootstrap将为每个组件的包装器div提供50%的宽度和15px的填充。而不是使用包装器div,为什么它只是给组件一个宽度为calc(50%-30px)和15px的边距?肯定是&#39;边缘&#39;是否更适合在两个元素之间留出空隙?是因为IE8不支持calc吗?

Bootstrap很棒,但它要求我使我的HTML比我认为的更丑陋。

0 个答案:

没有答案