Bootstrap 失败.. 4 列在一行中有排水沟（最后一列在新行中）答案

【问题标题】：Bootstrap fail.. 4 columns with gutter in one row (last columnt is in new line)Bootstrap 失败.. 4 列在一行中有排水沟（最后一列在新行中）
【发布时间】：2014-11-02 00:48:10
【问题描述】：

我的 bootstrap 有问题。在上一个项目中，一切都很好，但现在，我真的不知道该怎么办。我使用自定义来自定义 bootstrap (3)，只选择了网格系统和响应式实用程序（与上一个项目中的方式相同）。

列数：4

网格间距宽度：16

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

桌面：980 像素 + 网格间距

大桌面：1140px + 网格间距

经过几个小时的搜索，我决定在这里问。 URL：http://jebe.rosaweb.eu/ 为什么最后一列换行了？它不应该这样做:(我知道，如果我将填充设置为 0px 会很好，但我需要那个填充..它应该通过一行.. 有谁知道问题出在哪里？

谢谢你，我希望你能理解我的英语

【问题讨论】：

标签： css twitter-bootstrap-3 grid

【解决方案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

【讨论】：

看上面..我说我设置了列：4，所以我的 col-md-1 没问题..你认为我应该改用 12 列并使用 col-md-3 吗？我会尝试，但我认为它没有帮助
再次，您需要阅读我发布的链接。您将在布局中看到的列数与 Bootstrap 使用的列数混淆了。简而言之：一个 Bootstrap 行是一个 12 列的网格（除非定制，这不是你的情况）。因此，要制作 4 个 EQUAL 列，您需要有 3+3+3+3 个网格。明白我的意思了吗？
我可以得到你的自定义 css 吗？ @DanielRosskoRosa