Bootstrap网格不会填充空白位置

Question

https://prnt.sc/sa63wm

您可以在屏幕截图上看到

如何用div元素填充空白处？我试过display：inline-block或其他显示的东西。他们没有工作。

TextView

Answer 1

Bootstrap的网格至少有12个列单元。只要您超过12，它就会将其包装在新行中。可以，但是一行中应该超过12列。

因此，除了上面的操作外，您应该使用：

<div class="row">
    <div class="col-sm-3">
    </div>
    <div class="col-sm-3">
    </div>
    <div class="col-sm-3">
    </div>
    <div class="col-sm-3">
    </div>
</div>
<div class="row">
 ... next columns

如果要将它们全部排成一行，则可能应该只使用一行，然后将其他内容垂直放置，因为第一列很高。