工具/材料SublimeText
操作方法01、首先在HTML5頁面中添加壓縮好后的bootstrap.min.css樣式文件，如下圖所示，在大多數(shù)的項目中一般都會運(yùn)用壓縮版的CSS文件
02、然后在頁面中繼續(xù)添加bootstrap.min.js，如下圖所示，這個文件中定義好了很多常用的腳本效果
03、然后我們在body區(qū)域定義button按鈕，點(diǎn)擊這個按鈕可以出發(fā)模態(tài)框的彈出，如下圖所示
04、接下來我們來定義模態(tài)框的具體樣式，如下圖所示，通過調(diào)用modal樣式來聲明模態(tài)框 。注意模態(tài)框的內(nèi)容將會放在modal-content樣式里
05、然后我們就定義模態(tài)框的標(biāo)題，正文和底部內(nèi)容 ， 如下圖所示，它們的樣式分別是modal-header，modal-body和modal-footer
06、最后，我們在腳本標(biāo)簽script里通過調(diào)用modal方法來直接讓模態(tài)框彈出 ， 如下圖所示
【如何應(yīng)用Bootstrap的模態(tài)框】07、運(yùn)行頁面程序以后，如下圖所示的模態(tài)框就會呈現(xiàn)在瀏覽器中，它看起來是不是比JavaScript的彈出框更加的漂亮
推薦閱讀
- JQuery UI如何制作顏色動畫
- 如何使用秀堂制作最簡單的H5/微場景
- 如何對Oracle的用戶進(jìn)行管理
- 如何在mysql控制臺中查看數(shù)據(jù)庫表
- Angular如何應(yīng)用timeout服務(wù)
- Word 2010如何修改字符底紋
- 如何在word文檔中插入空白頁
- sql數(shù)據(jù)庫如何設(shè)置主鍵自增長
- 在Access中如何給表設(shè)置主鍵
- Excel中如何設(shè)置分類匯總？