Css Bootstrap 3流体网格问题

在引导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下方，因为它们太宽

这里可能有什么问题？

如所述：

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

布局中有一行作为另一行的子行。将另一列12列放在中间或删除一行。

查看。下面是它的工作原理

<div class="container-fluid">
    <div class="row">
        <p class="text-center">Here is a row</p>
    </div><br/>
    <div class="row">
        <div class="col-3 col-sm-3 col-lg-3 col">Col 3</div>
        <div class="col-2 col-sm-1 col-lg-2 col">Col 2</div>
        <div class="col-4 col-sm-5 col-lg-4 col">Col 4</div>
        <div class="col-3 col-sm-3 col-lg-3 col">Col 3</div>
    </div>
</diV>

这是一行


第3列
第2列
第4列
第3列

那么容器流体是一排？否则，我不理解“从另一行作为子行”的注释。upperrow和contentrow都不是对方的孩子。不，对不起，我错了。我以为你把contentrow放在上排。行必须在容器内（流体可以），列必须在行内，内容在列中。你试过只用容器而不是容器液体吗？然后会发生什么？固定容器也不起作用。然后我随机改变了列宽（总共12个），它开始正常工作。不知道问题出在哪里，原来的列加起来也有12列，但还是溢出了行。