我正在构建一个布局,其中许多行将跨越整个包含列。我想知道我是否应该在每一行中嵌套一个 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>
最佳答案
如果您希望内容跨越整个列,您应该在内容周围添加 col-xs-12
包装 div。这确保内容在左侧和右侧具有 15px 的填充,并且不会简单地“硬对齐”到 row
元素的边缘,因为 row 类具有负 -15px
的边距以补偿容器的 15px
内边距?
行
是绝对必要的吗?如果内容只是跨越容器的整个宽度,为什么不直接将内容嵌套在容器中,如下所示:
<div class="container">
<div class="content-wrapper">
</div>
</div>
关于css - 我可以将内容放在 bootstrap 3 网格的一行中吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42839996/