【问题标题】:Bootstrap - should each row have container as immediate parent? [duplicate]Bootstrap - 每行都应该有容器作为直接父级吗? [复制]
【发布时间】:2017-09-18 08:38:25
【问题描述】:

我知道column 应该有row 作为直接父级(或者,准确地说,rows 应该只有columns 作为直接子级)但是row 必须有container/container-fluid 作为直接父级?

我在文档中找不到提及它,并且我已经看到了两者的例子:rows 有和没有各自的containers

【问题讨论】:

    标签: twitter-bootstrap bootstrap-4


    【解决方案1】:

    row 不必将container 作为直接父级,因为在某些情况下不可能将其作为直接父级。但是为了与您的项目保持一致,您应该始终将container 作为row 的某个父项,因为没有它您可能会遇到对齐和填充问题。

    【讨论】:

      【解决方案2】:

      这取决于 Bootstrap 版本,以及您希望内容如何对齐,但通常需要容器...

      版本 3.x

      "行必须放在 .container(固定宽度)或 .container-fluid(全角)用于正确对齐和填充。”

      4.x 版

      "容器是Bootstrap中最基本的布局元素,是 使用我们的默认网格系统时需要。”

      网格系统的顶级元素是.row,因此行应该是容器的立即子元素。 Bootstrap 4 在这方面更加灵活可以创建行和列without gutters,并且可以使用间距工具来调整填充和边距。

      【讨论】:

      • 你说得对,我没有提到它是引导程序 4。但你回答了我的问题。谢谢!
      • 这并没有回答 OP 问题,即“每一行都应该有容器作为直接父级吗?”。这个答案只说需要将行放在容器内,但没有说它是否应该是直接的父子关系。
      • @mist 是的,它确实回答了这个问题,因为网格系统的顶级元素 .row。更不用说这个问题已经被这个答案标记为重复了。您真的需要对此投反对票吗?
      • 根据文档,行不必是容器的直接子级。但是 cols 必须是行的直接子级。检查这里的主题,你会看到:getbootstrap.com/docs/4.0/examples
      • 我引用了文档“容器是Bootstrap中最基本的布局元素,在使用我们的默认网格系统时是必需的。”是 i> 网格系统的顶层元素。用你想要的任何方式解释它@cyonder,但你真的认为我的回答值得否决吗?
      猜你喜欢
      • 1970-01-01
      • 2011-08-25
      • 1970-01-01
      • 2021-05-06
      • 1970-01-01
      • 2021-12-29
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多