模態(tài)框(Modal)是覆蓋在父窗體上的子窗體。通常,目的是顯示來自一個單獨(dú)的源的內(nèi)容,可以在不離開父窗體的情況下有一些互動。子窗體可提供信息交互等。
<!-- 按鈕:用于打開模態(tài)框 --><button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal"> 打開模態(tài)框</button> <!-- 模態(tài)框 --><div class="modal fade" id="myModal"> <div class="modal-dialog"> <div class="modal-content"> <!-- 模態(tài)框頭部 --> <div class="modal-header"> <h4 class="modal-title">模態(tài)框頭部</h4> <button type="button" class="close" data-dismiss="modal">
×</button> </div> <!-- 模態(tài)框主體 --> <div class="modal-body"> 模態(tài)框內(nèi)容.. </div> <!-- 模態(tài)框底部 --> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal">
關(guān)閉</button> </div> </div> </div></div>
聯(lián)系客服