Bootstrap：尝试覆盖1px .container：之前

Question

所以在我的.container中，我看到1px的顶部和底部有<div>填充，它来自我的Bootstrap包含在我的RoR项目中。即使是创可贴解决方案也是可取的。

来自Bootstrap的匹配这些:before和:after选择器的css如下：

media="all"
*:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; 
 }




media="all"
.container:before, .container:after {
content: " ";
display: table; 
}

这些操作的反转是什么？或者，在将其加载到application.css.scss文件中之前，我怎么能简单地覆盖它们？

Answer 1

这是由于Bootstrap添加到.container以及.row等其他元素的clearfix，请参阅mixins/clearfix.less中的Bootstrap's repository。

:before部分用于防止边距折叠，:after部分用于包含例如.row元素内的浮动列。有关更完整的说明，请参阅Nicolas Gallagher's clearfix hack帖子。

如果您不希望保持上边距不会崩溃，可以覆盖它，可能只需设置.container:before { display: none; }