jquery - Bootstrap 2.3.2 の ".hide" クラスが Firefox の modal-body を壊す

Question

<iframe>ブートストラップモーダルウィンドウのモーダルボディに があります。Google マップは、<iframe>Facebook マークアップを使用する外部の「スケジューラー」Web サイトには表示されますが、表示されません。Firefox を除くすべての最新のブラウザーで正しく表示されます。

.hide親divからクラスを削除すると、機能します。ただし、クラスを削除する.hideと、非表示のモーダルがページ上の要素を非表示にします。

このブートストラップ クラスをこのシナリオで連携させるための回避策.hideはありますか、または適切なフォールバックはありますか?

<div id="modal01" class="modal hide fade" tabindex="-1" role="dialog" aria-    labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h3 id="myModalLabel">Scheduling Options</h3>
    </div>
    <div class="modal-body">{loadposition schedule-wrapper}</div>
    <div class="modal-footer"><button class="btn btn-blue" data-dismiss="modal" aria-hidden="true">Close</button></div>
</div>