col上的Bootstrap和1 px高度 - 为什么？

Question

有人可以向我解释为什么BS默认设置1px高度？这是2和3这样的方式，我从来不明白为什么？我知道它在评论中说“防止列在空时崩溃”但是它做了什么浏览器呢？

Answer 1

尝试，你会知道：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>

Answer 2

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

来源：http://getbootstrap.com/css/#grid