css - Bootstrap 3 流体网格问题

Question

在 bootstrap 3 中布置流体列布局时遇到问题。

HTML 元素的结构如下所示:

div.container-fluid
  div.row.upperrow
  div.row.contentrow
    div.col-lg-3
    div.col-lg-1
    div.col-lg-5
    div.col-lg-3

即使是前 3 个 div，它们加起来仅占 12 列布局的 9/12，也比页面宽得多。 div.col-lg-5 很容易占据行的 70%(不是 5/12)。 div.col-lg-3 被推到前 3 个 div 之下，因为它们太宽了。

这里可能是什么问题？

Answer 1

如 http://getbootstrap.com/css/ 所述:

内容应该放在列中，只有列可以是行的直接子元素。

您的布局有一行作为另一行的子行。在中间放置另一个 col-12 或删除一行。