我有一个container-fluid
容器元素,并且一直在使用row
而不是row-fluid
,这是出于无知。现在,我试图用row
类替换row-fluid
类,但是遇到了一些问题。首先,我研究了.less中row-fluid
宽度的定义方式,它对我来说完全是象形文字,所以有人愿意解释吗?更重要的是,当我用row-fluid
替换row时,元素的高度折叠为0,要求我包括.clearfix类,以便row-fluid元素增长以包含其子列。为什么这是必需的,即正在 float 什么?为什么当我用row
替换row-fluid
时?
最佳答案
这取决于您想知道宽度的元素。 row-fluid
类本身的宽度为100%
。跨度(或列)具有相对宽度,以将其组合为100的方式进行设置。
float :所有列都 float ,这就是使其流动的原因。 row-fluid
所做的唯一与高度相关的操作是设置min-height: 30px
。顾名思义,这使任何东西都崩溃到0高度变得很奇怪。
我怀疑您在旧网格上完成的样式是导致您出现主要问题的原因。
关于javascript - Twitter Bootstrap中的行流体与行,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/25682804/