ブートストラップJSモーダル荷重が、私は<code>table</code>で<code>HTML Form</code><code>input</code>で詳細をブートストラップモーダル、<code>$('#myModaltictacgame').modal();</code>をロードするためにJavaScriptを使用

Question

編集することはできませんので、私のモーダルコードは、したがって、この

<div id="myModal" class="modal fade" role="dialog"> 
<div class="modal-dialog modal-lg"> 
<!-- Modal content--> 
    <div class="modal-content"> 
    <div class="modal-header"> 
    <button type="button" class="close" data-dismiss="modal">&times;  </button> 
      <span>my modal</span> 
     </div> 
     <div class="modal-body table-responsive"> 
     <table...>  
     <form ....> 
      <input ...> 
      ... 
     </form> 
     </table> 
     </div>.. 
     .. 
</div> 

のように見えます開いていて、すべての入力フィールドを表示していますが、透明な黒いウィンドウが表示されます。モーダルのすべてが表示されますが、ブラウザの下部にある要素ウィンドウを開いていない限り、詳細を入力できません。私の通常のページを選択するために2インチのギャップが来る検査窓の上部、説明するのは難しいが付属の写真を確認してくださいcapture screen 1、capture screen 2

Answer 1

私は同じ構造を踏襲Bootstrap Document

<div id="myModal" class="modal fade" tabindex="-1" role="dialog"> 
    <div class="modal-dialog"> 
    <div class="modal-content"> 
     <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>    
     </div> 
     <div class="modal-body"> 
     //put your stuff inside the modal-body div 
     <form ....> 
     <table...> 
     <input ...> 
      ... 
     </table> 
     </form> 
     </div> 
     <div class="modal-footer"> 
     <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
     <button type="button" class="btn btn-primary">Save changes</button> 
     </div> 
    </div><!-- /.modal-content --> 
    </div><!-- /.modal-dialog --> 
</div><!-- /.modal -->