40.Bootstrap(中文教程)元件：Modal:对话框的选项

ㄧ.Modal:对话框的选项

<div class="component" id="demo">  <div class="modal fade show" id="modal-demo" data-backdrop="false">    <div class="modal-dialog">      <div class="modal-content">        <div class="modal-header">          <h5 class="modal-title">Modal</h5>          <button class="close" data-dismiss="modal">×</button>        </div>        <div class="modal-body">          <p>hello~</p>        </div>        <div class="modal-footer">          <button class="btn btn-primary">确认</button>          <button class="btn btn-secondary">取消</button>        </div>      </div>    </div>  </div>  <button class="btn btn-danger" data-toggle="modal" data-target="#modal-demo">删除</button></div>.demo.component{  padding: 50px;}

重点：

codepen
参考：bootstrap4