1、首先在html中導入所需要的庫文件,如下圖所示,壹定註意導入jquery文件。
2、然後在Body區域應用了bootstrap的modal樣式,如下圖所示。
3、然後在modal樣式的div裏繼續放置內容區域,內容區域的樣式為modal-content,如下圖所示。
4、然後來看壹下內容區分別有三個樣式,頭尾以及中間部分,接下來定義個按鈕,當點擊按鈕的時候會彈出框,如下圖所示。
5、註意壹定要指定按鈕的data-target屬性,如下圖所示。
6、最後運行程序以後,會看到如下圖所示的內容,這就是bootstrap模態框。