bootstrap图层弹起（模态框）

 

<button class="btn btn-primary" data-toggle="modal" data-target="#myModal">新增权限组</button>

     <div class="col-lg-12 container-fluid text-center">
<!-- 模态框（Modal） -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
   <div class="modal-dialog">
      <div class="modal-content">
         <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                         </button>
            <h4 class="modal-title" id="myModalLabel">新增权限组</h4>
         </div>
         <div class="modal-body" id="form_id">
                         <div class="form-group">
                             {% bootstrap_field form.id layout="horizontal"  %}
                         
                         </div>
         </div>
         <div class="modal-footer">
                         <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
            <button type="button" class="btn btn-primary">保存</button>
         </div>
      </div>
             </div>
         </div>