引导程序:尝试覆盖 1px .container:before

Question

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

与这些:before和:after选择器匹配的 Bootstrap 中的 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 中，请参阅 Bootstrap 存储库中的 mixins/clearfix.less。

:before部分用于防止边距折叠，:after部分用于包含例如.row元素内的浮动列。请参阅Nicolas Gallagher的clearfix hack帖子以获取更完整的解释。

如果您不想保持上边距不折叠，您可以覆盖它，可能只需设置.container:before { display: none; }