html – 如何在Bootstrap中保留三列之间的空间？

发布时间：2020-12-14 18:29:47 所属栏目：资源来源：网络整理

导读：我已经在Stackoverflow上做了很多关于如何有效地解决这个问题的搜索,但我似乎还没有找到我正在寻找的确切内容. 基本上,我有三列我想要均匀分布并在我的页面中居中.但是,当我为所有三列设置col-md-4时,最终结果是它们都是三个相互聚拢的.如何才能使列之间有空

我已经在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中,但这对我来说似乎不起作用.

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

解决方法

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

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!