Bootstrap 3面板高度100%

时间:2013-12-20 23:05:25

标签: twitter-bootstrap twitter-bootstrap-3

我已经尝试了一段时间并且无法使其正常工作。基本上,我需要Bootstrap面板(边框)占据窗口的100%。但它似乎只是修复高度而不是100%。这是我的plunk

1 个答案:

答案 0 :(得分:3)

使用此jquery函数,将类full-height添加到面板。

$(window).resize(function() {
    $('.panel.full-height').each(function() {
        $(this).height($(window).height() - $(this).offset().top - 20);
    });
    $('#results').height($(window).height() - $('#results').offset().top - 106);
});
setTimeout(function() { $(window).resize(); },200);