ページにiframeがあると、ブートストラップモーダルポップアップが機能しません

ナビゲーションバー ボタンからブートストラップ モーダルをポップアップしたいのですが、メイン ページ内に iframe があります (モデル内にはありません)。フレームから iframe を削除すると、モーダル ポップアップが完全に機能します。ただし、iframe がある場合、モデルは機能しません (モーダル ウィンドウは iFrame ではなくメイン ページ内にあります)。

モーダル ウィンドウを切り替えるためのコードは次のとおりです。

<a href="#myModal" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon glyphicon-cog"></span>&nbsp;&nbsp;Change Password</a>

モデルのコードは次のとおりです。

<div class="modal fade" id="myModal">
 <div class="modal-dialog">
  <div class="modal-content">
    <div class="modal-header">
      <h4 class="modal-title">Modal</h4>
    </div>
    <div class="modal-body">
        <!-- Some content -->
    </div>
    <div class="modal-footer">
        <!-- Some content -->
    </div>
  </div>
 </div>
</div>

これが私の iframe のコードです。

<iframe name="mainCntnt" src="Pages/main/index.php?" class="frame" />

および .frame の CSS コード:

.frame{
    width: 100%;
    height:100%;
    border:none;
    border-radius:10px;
}

iframe を削除せずにこれを解決するにはどうすればよいですか?