为什么流体BootStrap3属性未在浏览器检查器下显示

Question

我已经使用Bootstrap3几个月了，我注意到每当我使用像container-fluid和row-fluid这样的属性时，它们都不会在浏览器检查器下突出显示，而不是它们的同行container 1}}和row。 Chrome检查器下的fluid属性指向div，其父div的宽度以像素为单位，但高度为0px。每当我检查row-fluid或container-fluid时，都会使用Firefox Firebug Inspector插件突出显示。

我附上了一个我在Chrome Inspector下正在进行的简单Bootstrap项目的截图。我的问题是为什么会这样？为什么浏览器不会将fluid元素识别为具有适当高度的任何其他元素？

屏幕截图使用row：

屏幕截图使用row-fluid：

Answer 1

在bootstrap3中删除了

row-fluid类。 因此，如果其中包含col-ss-xx个元素，由于col-ss-xx float:left有row-fluid规则其父级row，因此不会占用高度，这就是为什么您没有看到“突出显示”区域在选择它们时在chrome上。 只需使用container-fluid类。 container它与{{1}}具有相同的填充但始终为100％宽度，不依赖于视口。

从bootstrap 2.x迁移到3.0 here