ブートストラップグリッドで自動的にiframeのサイズを変更する

Question

ブートストラップグリッドを使用しているときの高さに合わせてiframeを拡張するにはどうすればよいですか？私が知っていることから、iframeの高さは固定されていますが、グリッドを使って列を調整すると、サイズが変更されません。したがって、負荷の高さを設定する他のソリューションを使用しても機能しません。 footer.htmlのために

<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> 

私が持っている：

<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

このようにして、body onloadイベントで呼び出すようにしました。

私は...どのようにかかわらず、これにボディonloadイベントをjqueryfyには考えてきたん

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

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