Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
CSS/Bootstrap3-为什么列类有一个';最小高度';价值_Css_Twitter Bootstrap 3 - Fatal编程技术网

CSS/Bootstrap3-为什么列类有一个';最小高度';价值

CSS/Bootstrap3-为什么列类有一个';最小高度';价值,css,twitter-bootstrap-3,Css,Twitter Bootstrap 3,有人知道Boostrap col-***类具有最小高度值声明的目的吗?为什么只有一个像素 Boostrap列类CSS: position: relative; min-height: 1px; <--- ?? padding-right: 15px; padding-left: 15px; 位置:相对; 最小高度:1px 根据网格系统上的Bootstrap: 如果列不包含任何内容,则列将水平折叠。因此,添加1px的min height允许您创建仍然呈现并影响页面布局的空列,而无需在其中放

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

Boostrap列类CSS:

position: relative;
min-height: 1px; <--- ??
padding-right: 15px;
padding-left: 15px;
位置:相对;
最小高度:1px 根据网格系统上的Bootstrap:

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

根据网格系统上的引导:


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

这很有意义。我之所以注意到这一点,是因为我在切换某些列类中元素的可见性,因此我注意到,一旦内容被隐藏,还剩下1px的空间。一个简单的属性选择器为我解决了这个问题。我只是想确定在移除它之前我明白了发生了什么。这是有道理的。我之所以注意到这一点,是因为我在切换某些列类中元素的可见性,因此我注意到,一旦内容被隐藏,还剩下1px的空间。一个简单的属性选择器为我解决了这个问题。我只是想确保在移除它之前我了解发生了什么。
 // Prevent columns from collapsing when empty
 min-height: 1px;