Javascript 引导JS模式加载，但不可编辑

我使用JavaScript加载引导模式，

$（'#myModaltictacgame'）.Modal（）带有
HTML表单
和
输入
表格中的详细信息

所以我的模式代码如下所示

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

&时代；
我的情态
...
..
..

---

所以当我使用选择选项时，模态窗口应该是打开的，这很好，显示所有的输入字段，但它带有一个透明的黑色窗口，模态上的每一个东西都是可见的，但我不能选择输入的任何细节，除非我打开浏览器底部的inspect element窗口，以便在inspect窗口顶部以2英寸的间距选择我的正常页面，很难解释，但请检查所附图片，

您的HTML结构应遵循

&时代；
//把你的东西放在模特身体里
...
接近
保存更改

您的HTML结构应遵循

&时代；
//把你的东西放在模特身体里
...
接近
保存更改

我遵循了相同的结构，对不起，我的问题应该更清楚，除了

表格

开始于

表格

我遵循了相同的结构，对不起，我的问题应该更清楚，除了

表格

开始于

表格

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