引导程序中如何处理行

Question

我有一个问题是什么会导致引导程序 3 中出现以下错误。 早些时候，我正在编写一些 HTML 并使用 CSS 来设置样式，并使用 bootstrap 3 来处理行和列。

现在我将所有东西都放在一个流体容器内，容器有边距等。它有一个标准标题，每一行被分成两列，每个大小的宽度为 6，即容器内部的 col-lg-6 .... 和然后我的行中有标签和输入。只是一个基本的布局。

现在，每当我尝试为每一行设置下边框时，我注意到在检查元素后，该行实际上位于指定的之外 列/div。

但是，当我将类从 row 更改为 row-fluid 时，它可以完美运行。为什么是这样？另外，我注意到，如果我在使用 row-fluid 后创建一个 clear-fix div，它会修复一些明显的间距问题，这是使用 row-fluid 时的要求，还是我的代码只是在某个地方搞砸了。

问，因为我认为 row-fluid 只是 bootstrap 2 而不是 3 的东西，还是我弄错了？

我会附上一个小提琴，向您展示我在说什么，但没有可用的代码 atm。

Answer 1

TWBS-2 http://getbootstrap.com/2.3.2/scaffolding.html#global

TWBS-3 http://getbootstrap.com/css/#grid-intro

嵌套在<div class="row"> 下的<div> 带有取决于视口大小的属性容器宽度，包括所有排水沟和填充。

比较 TWBS-2 和 TWBS-3，TWBS-3 的网格框架被指定为适用于所有视口大小的流体。 .row-fluid 没有记录为选项，但我会参考他们的版本历史记录以了解这些特定更改。如果<div class="row-fluid"> 的版本历史适用，则其子<div> 列的装订线和填充将变为容器大小的全宽，而不是TWB-S3 网格系统规则指定的固定宽度没有.row-fluid 指定。