在嵌套的Bootstrap .col中使用.container的父项删除填充的最佳做法是什么？

Question

上下文

我相信以下情况属实：

• Bootstrap 4将左右填充添加到.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＆gt; .col＆gt; .row是去除内部填充的官方Bootstrap解决方案（但没有父容器有填充） - 然后用父外部填充来实现它的最佳实践是什么？

Answer 1

您可以将no gutter类添加到＆＃39;行＆＃39;。

。无-水槽

详细信息：https://getbootstrap.com/docs/4.0/layout/grid/

此外，列几乎总是在一行内，因此您应该在第一列之前添加另一行。