DEMO

• 创建模态框（Modal）

  开始演示模态框
  ×

  模态框标题

  

  提交成功！

调用方法

• HTML:

  
  <!-- 调用 -->
  <a href="#myModal" data-toggle="modal">开始演示模态框</a>
  <!-- 模态框结构 -->
  <div class="modal fade ex_modal" id="myModal">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <a href="javascript:;" class="close" data-dismiss="modal">×</a>
          <h4 class="modal-title" >模态框标题</h4>
        </div>
        <div class="modal-body">
          <!-- 内容 -->
        </div>
        <div class="modal-footer">
          <!-- 脚部 -->
        </div>
      </div>
    </div>
  </div>
        

• Javascript:

  
          var $, jQuery;
          $ = jQuery = require ('jquery');
          require ('bootstrap/js/modal');
        

详细文档与API

Modals - API