css - 为什么列数会破坏引导程序？

Question

我想将此布局与引导程序合并：

（这里的列平衡得很好，没有间隙，这是我用引导程序无法完成的事情（也许有可能，如果有，请告诉我）。

现在的问题是，一旦我开始使用列数，布局似乎就会中断。

.foo {
  -webkit-column-count: 3; Chrome, Safari, Opera
  -moz-column-count: 3; Firefox
  column-count: 3;
}

（查看图片右侧）

为什么会这样？

score 3 · Accepted Answer

尝试在列计数规则之后将以下内容添加到 .foo。

.foo {
  …
  display: inline-block;
}

score 0 · Accepted Answer

您必须以移动尺寸指定列的宽度。您有content col-lg-8课程，因此您可以添加col-xs-12课程。

<div class="content col-xs-12 col-lg-8">
    <div class="foo">
    [...]
    </div>
</div>

2 回答 2