基本上,我有三列我想要均匀分布并在我的页面中居中.但是,当我为所有三列设置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中,但这对我来说似乎不起作用.

谢谢你的帮助！我对所有建议持开放态度！