автоматическое изменение размера iframe с помощью сетки бутстрапа

Question

Как вырастить iframe, чтобы соответствовать его высоте при использовании загрузочных сеток? из того, что я знаю, iframes имеют фиксированную высоту, но когда я использую сетку для настройки столбцов, она не изменяется. Поэтому использование других решений, которые устанавливают высоту при загрузке, не работает.

<div class="container-fluid"> 

    <div class="row"> 
     <div class="col-md-12"> 
      <div> 
       <DIV> 
        <DIV> 
         <IFRAME XXXstyle="min-height: 100%; width:100%" xstyle="BORDER-TOP: 0px; HEIGHT: 100%; BORDER-RIGHT: 0px; WIDTH: 100%; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px" 
          frameBorder=0 
          scrolling=no src="footer.html"> 
         </IFRAME> 
        </DIV> 
       </DIV> 
      </div> 
     </div> 
    </div> 
</div> 

Для footer.html у меня есть:

<div class="container-fluid"> 
    <div class="row"> 
     <div class="col-md-2 col-md-offset-1"> 
     </div> 
     <div class="col-md-2 "> 
     </div> 
     <div class="col-md-2 "> 
     </div> 
     <div class="col-md-2 "> 
     </div> 
     <div class="col-md-2 "> 
     </div> 
    </div> 
</div> 

Спасибо.

Answer 1

Я получил это, как это, и назвал его в событии onload тела.

Я не имею ни малейшего представления как jqueryfy событие тела OnLoad с этим, хотя ...

$(window).resize(function() { 
    resizeFrame(document.getElementById('footerIFRAME')) 
}); 

function resizeFrame(f) { 
    f.style.height = f.contentWindow.document.body.scrollHeight + "px"; 
}