bootstrap 中如何处理行

How rows are handled in bootstrap

我想知道什么会导致 bootstrap 3 中出现以下错误。 早些时候我写了一些 HTML 并使用 CSS 来设置样式,并使用 bootstrap 3 来设置行和列。

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

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

但是,当我将 class 从行更改为 row-fluid 时,它运行良好。为什么是这样?另外,我注意到如果我在使用 row-fluid 之后创建 clear-fix div 它修复了一些明显的间距问题,这是使用 row-fluid 时的要求还是我的代码只是一团糟在某处。

提问,因为我认为 row-fluid 只是一个 bootstrap 2 而不是 3 的东西,还是我弄错了?

我会包括一个 fiddle 向您展示我在说什么,但没有可用的代码 atm。

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 指定。