css - Bootstrap 失败.. 一行中有 4 列带间距(最后一列在新行中)

Question

我有一个引导问题..在上一个元素中，一切都很好，但现在，我真的不知道该怎么做..我使用自定义来定制 Bootstrap (3)，只选择了网格系统和响应实用程序(与上一个元素的方式相同)。

列数:4

网格间距宽度:16

平板电脑:720 像素 + 网格间距

桌面:980px + 网格间距

大桌面:1140 像素 + 网格间距

经过几个小时的搜索，我决定在这里提问。网址:http://jebe.rosaweb.eu/为什么最后一列换行？它不应该这样做 :( 我知道，如果我将 padding 设置为 0px 就可以了，但我需要那个 padding.. 它应该通过一行..有人知道问题出在哪里吗？

谢谢你，我希望你能听懂我的英语

Answer 1

你的代码错了，你正在使用

<div class="col-md-1">
    aa
</div>

应该是什么时候

<div class="col-md-3">
    aa
</div>

如果你想根据屏幕尺寸缩放列，你可以使用类似的东西:

<div class="col-lg-3 col-md-3 col-sm-4 col-xs-12">
    aa
</div>

这意味着您的列将在大屏幕上占用 3 个“网格列”(共 12 个)，在中等屏幕上占用 3 个，在小屏幕上占用 4 个，在超小屏幕(平板电脑和更小)上占用全宽

有关更多信息，请查看 Bootstrap Grid System