html - Bootstrap 4 布局行优先还是列优先？

Question

Bootstrap 4 中的大多数网格布局示例将列放在行内。将行放在列内是错误的吗？像这样，

<div class="col col-md-6">
    <div class="row">
    </div>
</div>

Answer 1

是的，使用嵌套列/行是完全有效的。只要确保始终在一行中使用一列即可。否则你会得到意想不到的布局。

<div class="col">
  <div class="row">
    <div class="col">
      <div class="row">
        <div class="col">
          <div class="row">
            <div class="col">
            <!-- Your content goes here -->
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>