如何在没有内容的情况下让所有三列的高度都达到 100%?
这是一个 jsfiddle:
<div class="row">
<div class="col-md-12">
<div class="shadow panel panel-default">
<div class="blue white-border panel-heading">
<h3 class="panel-title text-white">
Contacts
</h3>
</div>
<div class="panel-body">
<div class="col-xs-3 green">1</div>
<div class="col-xs-3 red">2</div>
<div class="col-xs-6 black">3</div>
</div>
</div>
</div>
</div>
最佳答案
你可以使用 css 'vh'
.col-xs-3 {
height:100vh;
}
这会将高度设置为视口(viewport)高度的 100%
关于javascript - Bootstrap 面板中列的 100% 高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28285890/