Html 表格高度修正不使用引导样式百分比布局

我可能在这里遗漏了一些明显的东西，但我注意到将流体布局更改为

display:table

和table cell时出现了一个奇怪的效果。（如上所述，如图所示

尝试将“显示：表格”和“表格单元格”单元格添加到现有流体布局中，行会向上蜷缩，实际上不会展开高度。例如，如果转到并选中顶部的所有样式表复选框，则向inspector中的选择器添加两条规则：

.row{display:table row；}

.row>div{display:table cell；}

在其中一个单元格中添加一点内容，您会看到它实际上并没有扩展高度，而且奇怪的是，添加显示：出于某种原因，表格或表格行实际上会使行的宽度变小

我是否看到了表css的一些未记录的特性，或者bootstrap的样式与这种类型的动态高度修正不兼容

---

尝试：

.row>div{display:table cell；float:none}

---

表单元格在浮动的元素上无法正常工作。

为什么不？另外-该浮动内置于引导程序中，显然是为了响应折叠？浮动与响应无关；它的宽度（以百分比表示）与响应无关。浮动使div在同一行上相邻，因为div是块级的el元素。但是表格单元格是内联元素，所以只要使用正确的col sm-*类将它们相加到12，它们就会彼此相邻而没有浮点数。