我可以将内容放在bootstap 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的填充，并且不会简单地＃34;硬对齐＆＃34;到row元素的边缘，因为行类的边距为-15px，以补偿容器的15px填充？

是否必须拥有row s？如果内容只是跨越容器的整个宽度，为什么不直接将内容嵌套在容器中，如下所示：

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