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

我在 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 中，但这似乎对我不起作用。

谢谢你的帮助！我愿意接受所有建议！

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

您的代码工作正常，请检查此处：http://www.bootply.com/H6DQGdZxGy http://www.bootply.com/H6DQGdZxGy