Twitter bootstrap 无法使引导窗体在模式内工作

我正在使用引导使窗体出现在模式中。以下是启动模式的链接：

<p>  
    <a class="btn btn-primary" data-toggle="modal" data-target="#myModal"><i class="fa fa-user-plus" ></i>Join Our Newsletter</a>
</p>

加入我们的时事通讯

这是模态代码：

<!-- Modal -->
<div id="myModal" class="modal fade" role="dialog">
  <div class="modal-dialog">

    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">Modal Header</h4>
      </div>
      <div class="modal-body">                  
        <form class="new_email_list" id="new_email_list" action="email_lists_path" accept-charset="UTF-8" data-remote="true" method="post">
          <input name="utf8" type="hidden" value="✓">
          <input class="" placeholder="email" required="required" type="text" name="email_list[email]" id="email_list_email">             
        </form>      
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>

  </div>
</div>

&时代；
模态头
接近

---

模态显示时表单在其中，但模态中的任何内容都不可单击。单击输入字段或按钮不会执行任何操作。鼠标悬停没有任何作用。出了什么问题？

您的示例代码没有说明您遇到的问题，请发布一个示例，重新创建问题，其中可能包括您应用的任何其他CSS/JS。模态本身的放置位置可能是问题所在，因此您可能需要更改页面结构或z索引值。该代码没有任何错误。该错误依赖于其他地方，可能在某些自定义CSS中。