Twitter boostrap中列之间的空格

时间:2016-10-27 13:48:45

标签: html css twitter-bootstrap twitter-bootstrap-3

如何在附加图像上创建列?我不知道如何在所有列之间设置空间。请提示。

enter image description here

1 个答案:

答案 0 :(得分:2)

您可以为列添加边距。要有4列,你可以从一个带有class =“row”的div开始,然后在一个div中使用class = col-md-3(或者你想要4列的大小),然后给出div你需要多少px的保证金权利。如果您的设计的列位于页面中心,那么您的最后一列(行中的第4列)可能不应该具有右边距。 Bootstrap会自动为两侧的列提供15px的列。如果您需要查找有关其工作原理的更多信息,列之间的空间称为“gutter”,因此您可以搜索“gutter width”,例如找到使用它的不同方法。