Bootstrap 和 col 上的 1 px 高度 - 为什么? [英] Bootstrap and 1 px height on col - why?

问题描述

有人可以向我解释为什么 BS 默认设置为 1px 高度吗?在 2 和 3 中是这样的，我一直不明白为什么?我知道它在评论中说防止列在空时折叠"但是它是用什么浏览器来做到这一点的?

解决方案

试试你就会知道:http://bootply.com/82722

<div class="row"><div class="col-sm-6" style="background-color:blue;"></div><div class="col-sm-6" style="background-color:red;">right</div>

<div class="container" style="background-color:orange;"><div class="row"><div class="col-sm-6" style="background-color:blue;min-height:0"></div><div class="col-sm-6" style="background-color:red;">right</div>

Can someone explain to me why BS has a 1px height set by default? IT was this way in 2 and 3 and I never understood why? I know it says in the comments "Prevent columns from collapsing when empty" but what browsers does it do this?

解决方案

Try and you will know: http://bootply.com/82722

<div class="container" style="background-color:orange;">
    <div class="row">
    <div class="col-sm-6" style="background-color:blue;"></div>
    <div class="col-sm-6" style="background-color:red;">right</div>
    </div>
</div>
<div class="container" style="background-color:orange;">
    <div class="row">
    <div class="col-sm-6" style="background-color:blue;min-height:0"></div>
    <div class="col-sm-6" style="background-color:red;">right</div>
    </div>
</div>

这篇关于Bootstrap 和 col 上的 1 px 高度 - 为什么?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！