我对在Bootstrap 3中会导致以下错误的问题有所疑问
早些时候,我编写了一些HTML并使用CSS进行样式设置,并对行和列使用了bootstrap 3。
现在,我将所有内容都放在了一个流体容器中,并且容器具有边距等。它具有一个标准的标题,并且将每一行分成两列,其中每个大小在容器内部的宽度为6,即col-lg-6 ....
,然后我有了行中的标签和输入。只是基本布局。
现在,每当我尝试为每行赋予底部边框时,我注意到在检查元素之后,该行实际上在指定的行之外
列/格
但是,当我将类从行更改为行流体时,它可以完美运行。为什么是这样?另外,我注意到,如果我在使用行流体后制作了一个clear-fix div,它可以解决一些明显的间距问题,这在使用行流体时是一项要求,还是我的代码被弄乱了?
问,因为我认为行流体只是引导程序2,而不是3,还是我弄错了?
我将提供一个小提琴,向您确切显示我在说什么,但没有可用于atm的代码。
最佳答案
TWBS-2
http://getbootstrap.com/2.3.2/scaffolding.html#global
TWBS-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
指定。