Html 使用引导网格自动调整iframe大小

在使用引导网格时，如何使iframe与它的高度相匹配？据我所知，iFrame有一个固定的高度，但当我使用网格调整列时，它不会调整大小。因此，使用其他设置负载高度的解决方案是行不通的

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

---

谢谢。

我让它像这样工作，再加上在body onload事件中调用它

我不知道如何用这个来查询body onload事件

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

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