上下文
我相信以下是正确的:
.col
。.row
没有填充,但是如果里面有填充,它们就会填充col
。.container
具有左右填充。而且它也嵌套了col
。下面的示例导致嵌套填充。
<div class='container'>
<div class='col'>
<div class='row'>
<div class='col'></div>
</div>
</div>
</div>
但是此示例不会导致填充。
<div class='row'>
<div class='col'>
<div class='row'>
<div class='col'></div>
</div>
</div>
</div>
目标
我需要父容器具有填充,但是其中的所有内容都不能具有外部的左右填充。
如果.row> .col> .row是删除内部填充的官方Bootstrap解决方案(但父容器没有填充),那么对父级使用外部填充实现此最佳方法是什么?
您可以将no gutter类添加到“行”中。
.no-gutters
此处详细说明:https://getbootstrap.com/docs/4.0/layout/grid/
同样,列几乎总是应该位于行内,因此您应该在第一列之前添加另一行。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句