【发布时间】:2017-09-18 08:38:25
【问题描述】:
我知道column 应该有row 作为直接父级(或者,准确地说,rows 应该只有columns 作为直接子级)但是row 必须有container/container-fluid 作为直接父级?
我在文档中找不到提及它,并且我已经看到了两者的例子:rows 有和没有各自的containers。
【问题讨论】:
标签: twitter-bootstrap bootstrap-4
我知道column 应该有row 作为直接父级(或者,准确地说,rows 应该只有columns 作为直接子级)但是row 必须有container/container-fluid 作为直接父级?
我在文档中找不到提及它,并且我已经看到了两者的例子:rows 有和没有各自的containers。
【问题讨论】:
标签: twitter-bootstrap bootstrap-4
row 不必将container 作为直接父级,因为在某些情况下不可能将其作为直接父级。但是为了与您的项目保持一致,您应该始终将container 作为row 的某个父项,因为没有它您可能会遇到对齐和填充问题。
【讨论】:
这取决于 Bootstrap 版本,以及您希望内容如何对齐,但通常需要容器...
版本 3.x
"行必须放在 .container(固定宽度)或 .container-fluid(全角)用于正确对齐和填充。”
4.x 版
"容器是Bootstrap中最基本的布局元素,是 使用我们的默认网格系统时需要。”
网格系统的顶级元素是.row,因此行应该是容器的立即子元素。 Bootstrap 4 在这方面更加灵活可以创建行和列without gutters,并且可以使用间距工具来调整填充和边距。
【讨论】:
.row。更不用说这个问题已经被这个答案标记为重复了。您真的需要对此投反对票吗?