css - 我可以将内容放在 bootstrap 3 网格的一行中吗？

Question

我正在构建一个布局，其中许多行将跨越整个包含列。我想知道我是否应该在每一行中嵌套一个 col-12 并将内容放入其中，或者我是否应该只将内容放入行中？

那么，这样可以吗:

<div class="row">
  <div class="my-lazy-content"></div>
</div>

或者，是否也可以在其中放一列更好:

<div class="row">
  <div class="col-xs-12">
    <div class="my-verbose-content></div>
  </div>
</div>

Answer 1

如果您希望内容跨越整个列，您应该在内容周围添加 col-xs-12 包装 div。这确保内容在左侧和右侧具有 15px 的填充，并且不会简单地“硬对齐”到 row 元素的边缘，因为 row 类具有负 -15px 的边距以补偿容器的 15px 内边距？

行是绝对必要的吗？如果内容只是跨越容器的整个宽度，为什么不直接将内容嵌套在容器中，如下所示:

<div class="container">
    <div class="content-wrapper">
    </div>
</div>