代码之家  ›  专栏  ›  技术社区  ›  Spencer Hill

移除带有.container父级的嵌套bootstrap.col中的填充的最佳实践是什么?

  •  1
  • Spencer Hill  · 技术社区  · 7 年前

    上下文

    我相信以下是真的:

    • 引导4增加了左右填充 .col
    • .row 没有填充,但如果有 col 他们在里面。
    • .container 有左右填充。它是嵌套的 科尔 也要这样做。

    下面的示例导致嵌套填充。

    <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是移除内部填充(但没有父容器具有填充)的官方引导解决方案,那么使用父容器的外部填充实现该解决方案的最佳实践是什么?

    1 回复  |  直到 7 年前
        1
  •  1
  •   MonkeyFace    7 年前

    可以将no gutter类添加到“row”。

    无排水沟

    详情如下: https://getbootstrap.com/docs/4.0/layout/grid/

    而且,列应该几乎总是在一行内,所以您应该在第一列之前添加另一行。