1

I've been trying this for a while and cannot get it working. Basically, I need the Bootstrap panel (border) to take up 100% of the window. But it seems that it is only taken a fix height and not the 100%. Here is my plunk.

kjhughes
  • 106,133
  • 27
  • 181
  • 240
mlim1972
  • 203
  • 1
  • 3
  • 8
  • 1
    try to set `height` for your #container instead of `min-height` see also: http://stackoverflow.com/a/12172256/1596547 – Bass Jobsen Dec 21 '13 at 00:05

1 Answers1

3

Use this jquery function, add the class full-height to the panel.

$(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);
JPA The Coder
  • 31
  • 3