Bootstrap JS Модальных загрузок, но не редактируется

Question

загрузить Bootstrap Modal, $('#myModaltictacgame').modal(); с HTML Form с input деталями в table я использовал JavaScript поэтому мой модальный код выглядит следующим образом

<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

Ваш HTML структура должна соответствовать структуре, как упоминалось в 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 -->