如何在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

实际上,您的代码已经在列之间创建了空格,因为在引导程序中,列的每边都有15px填充.

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