如何在引导程序中处理行

时间:2015-04-15 19:13:05

标签: html css twitter-bootstrap twitter-bootstrap-3

我有一个关于什么会导致bootstrap 3中出现以下错误的问题。 之前我正在编写一些HTML并使用CSS来设置样式,并使用bootstrap 3作为行和列。

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

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

然而,当我将类从行更改为行 - 流体时,它完美地运行。为什么是这样?另外,我注意到如果我在使用row-fluid之后制作一个clear-fix div它修复了一些明显的间距问题,这是使用row-fluid时的要求还是我的代码在某个地方搞砸了。

问,因为我认为排液只是一个引导2而不是3件事,或者我错了?

我会包含一个小提示,向您展示我正在谈论的内容,但是没有可用的代码。

1 个答案:

答案 0 :(得分:1)

拼焊板-2- http://getbootstrap.com/2.3.2/scaffolding.html#global

拼焊板-3- http://getbootstrap.com/css/#grid-intro

<div>嵌套在<div class="row">下的属性容器宽度取决于视口大小,包括所有装订线和填充。

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