如果更改col填充,如何影响行边距?

时间:2016-09-16 20:09:14

标签: html css twitter-bootstrap

无法弄清楚这个,会喜欢一些见解。如果我更改bootstraps默认列填充,我应该如何更改行负边距?它是否等于col的填充量?这就是我在LESS文件中的内容。

/* ROWS & COLUMNS */
@col-gutter: 20px;

/***********************************************************/
/***********************************************************/
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
 padding-left: @col-gutter;
 padding-right: @col-gutter;
}
.row{
  margin-left: -10px;
  margin-right: -10px;
}

如果我将列更改为20px填充,我该如何更改行?

1 个答案:

答案 0 :(得分:1)

是的,中的padding必须与您在col中的padding完全相同,但正如您所知,这是负面的。 ;)

用于删除容器的开头和第一个col元素之间的空格,以及最后一个col元素和容器末尾之间的空格。

所以......是的!它需要具有相同的{{1}}。

我希望这可以帮到你。 :)