css - Bootstrap 3 响应高度

Question

我正在使用 Bootstrap 3 在页面上显示一些面板，但我希望面板主体在页面上具有 100% 的高度，但我的 CSS 知识显然还不够。

如果我指定一个高度(比如 100 像素)，那么它会获得高度，但它没有响应。

有人知道我该怎么做吗？

我在这里设置了一个 JSFiddle:http://jsfiddle.net/skeniver/47CZ6/5/

<div class="container">
    <div class="panel panel-default">
        <div class="panel-heading">
            Heading
        </div>
        <div class="panel-body">
        </div>
    </div>
</div>

Answer 1

试试这个。这不会覆盖您的 Bootstrap 基础 CSS。

http://jsfiddle.net/YzHu4/

HTML

<div class="container m100">
    <div class="panel panel-default m100">
        <div class="panel-heading">
            Heading
        </div>
        <div class="panel-body m100">            
        </div>
    </div>
</div>

CSS

html,body{height:100%;}
.m100 {
    height:100%;
    min-height:100%;
}