Bootstrap网格行没有顶部或底部填充？

Question

在让我的网格行变得紧张时出现问题＆＃34;对着相邻的行，它们之间没有垂直空间。截至目前，它在每行之间放置了20px的东西。

    .container {width: 640px;}

    .row {width: 640px; spacing: 0px; padding: 0px;}

    .grid{
    margin: 0px;
    width: 640px;
    }

    .thumbnail {
    position:relative;
    overflow:hidden;
    }

    .col-xs-3{
    width: 210px;padding: 2px;} 

Answer 1

很少。

1）这一行CSS    .row {width: 640px; spacing: 0px; padding: 0px;}     spacing 不是CSS属性

2）这必须处理specificity

3）如何覆盖

.no-spacing {
    margin: 0; padding:0;
}

将此添加到您的CSS文件中并在引导程序之后将其链接到。然后将类添加到您不想使用bootstrap的间距的元素。

Answer 2

您在撰写有关垂直间距的问题时，我认为您正在解决列之间的差距而不是以下行。 Bootstrap正在为每列添加15px的左右填充。

您可以在自定义CSS中覆盖它：

.row {
    margin-left: 0;
    margin-right: 0;
}
.col-xs-3 {
    padding-left: 0;
    padding-right: 0;
}

但是你必须为每个col-*类做这个。

正如第一个答案中所写，没有＆＃34;间距＆＃34; CSS规则。