为什么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比我认为的更丑陋。