html - 如何在 Bootstrap 中保持三列之间的空间？

Question

我已经在 Stackoverflow 上搜索了很多关于如何有效解决这个问题的方法，但我似乎仍然没有找到我正在寻找的东西。

基本上，我希望在页面上均匀分布并居中的三列。但是，当我为所有三列设置 col-md-4 时，最终结果是它们全部三列聚集在一起。我怎样才能使列之间有空间？像 10-15px 左右而不强制他们到另一行。

下面是一些示例代码:

<div class="row-fluid">
     <div class="col-md-4">
          <p>Stuff that fills this column</p>
     </div>
     <div class="col-md-4">
          <p>Stuff that fills this column</p>
     </div>
     <div class="col-md-4">
          <p>Stuff that fills this column</p>
     </div>
</div>

也许我只是做错了什么，但我似乎无法弄清楚如何让它工作。我见过几个人建议将它们放入另一个带有一些填充的 div 中，但这似乎对我不起作用。

感谢您的帮助!我愿意接受所有建议!

Answer 1

实际上，您的代码已经在列之间创建了空格，因为在 bootstrap 中，列的每一侧都有 15px 的填充。

您的代码运行正常，请在此处查看:http://www.bootply.com/H6DQGdZxGy