列之间的间距

Question

我正在用bootstrap做一个项目，我对s列的对齐有问题。这些显然与指定列的大小不一致，因此站点内的空间也是如此。

我没有找到一些允许我解决这个问题的方法。 我在下面留下一张图片。

Problem Image

Answer 1

看起来你在同一个<div class="row">内放置了多行的列。如果它们的高度相同，那就有效，但不是。 Bootstrap通过创建每个单元float: left来实现其网格系统，如果某些列比其他列高，则会产生一些时髦的结果。 Here's an example你可以看到它最终如何定位可变高度的细胞。

相反，您可能希望执行多个单独的row，如that same example的后三分之一所示。每个row将从左边距开始，完全位于其上方row下方，听起来就像你想要的那样。

或者，您可以添加<div class="clearfix"></div>作为另一种方式从左边距重新开始（如example的最后三分之一所示）。这不是那么干净，但它可以让你更灵活地用你的响应式布局做真正的花哨的东西。请参阅responsive column resets的文档。

除非你真的需要灵活的响应列重置，否则我会使用多个row。