Twitter bootstrap 我的引导布局包含我希望删除的较大间隙

我使用Bootstrap 3来实现如下布局：

控制此操作的标记如下所示：

    <div class="droppable col-sm-12 col-md-6 col-lg-2" style="border: 1px solid; border-color: #e6e6e6;">

这六列中的每一列都代表一个特定的业务，在每个业务的下面是一个可变的员工数量，在呈现页面之前是不知道的。我想知道为什么在版面中间有这么大的空隙。我不明白为什么Bootstrap不能让BGSU 1、花卉医院、想象站和索菲亚勋爵填补这个空白。房间当然在那里

按定义引导工作

行

然后

列

。每行有六列，每行与其中包含的最高列一样高。因此，第二行中的每一列都从第一行中最高的列（梦露）的顶部开始

不可能将这些列“向上”移动，至少在传统引导的意义上是这样

话虽如此，您似乎有三个列在右上角相互堆叠。您可能会从拆分这些列中获益，因为这将缩小最高列的高度，从而缩小整行。这可以用类似于

col-md-8

的东西来完成，但可能会使列过于拥挤，不符合您的喜好

您还可以将一些引导程序与clearfix结合使用，例如

，从中受益。这将允许您在某些视口上具体地“中断”

---

但是，您最好切换到CSS网格之类的东西，并使用它，它允许您指定每个列是大、中还是小，并相应地移动列，以实现堆叠效果。显然，这需要进行相当大的重组，您可能会发现这是一种太多的折衷。

您可以尝试将每一列作为所包含对象的父对象。

at&t BGSU 1

。备选方案：，（谷歌获取更多信息）。CSS唯一的替代方法是使用——但当/如果调整大小时，可能会让用户感到困惑（因为元素会急剧改变栏目，并且很难遵循——内容流类似于报纸栏目——这意味着你不能拥有非常高的栏目并允许调整大小）。