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
指定。
我想知道什么会导致 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
指定。