CSS/Bootstrap3 - 为什么列类具有 'min-height' 值？

Question

有人知道 Boostrap col-**-* 类具有最小高度值声明的目的吗？为什么只有一个像素？

Boostrap 列类 CSS:

position: relative;
min-height: 1px; <--- ??
padding-right: 15px;
padding-left: 15px;

Answer 1

根据 Bootstrap 的 documentation在网格系统上:

 // Prevent columns from collapsing when empty
 min-height: 1px;

如果列不包含任何内容，它们将水平折叠。因此，添加 1px 的 min-height 允许您创建仍然呈现并影响页面布局的空列，而无需在其中放置任何内容。 1px 只是可能的最小尺寸。