html模態對話框（Modal）是覆蓋在父窗體上的子窗體。通常，目的是顯示來自一個單獨的源的內容，可以在不離開父窗體的情況下有一些互動，子窗體可提供信息、交互等。

在平時的web前端開發中，應用較為廣泛，既可以提高用戶體驗，又能使得整個UI布局整潔美觀。bootstrap有很多JavaScript插件，為web前端開發者調用帶來了方便。今天小編就教大家，使用它來彈出對話框。

這是官方文檔的對話框

再看看小編demo演示效果

當然你還可以使用 bootstrap-modal的選項(options)來調整對話框效果

1. $('#myModal').modal({

2. backdrop:true,

3. keyboard:true,

4. show:true

5. });

具體參數說明：

小編的第一個按鈕和彈框的代碼：

小編的第二個按鈕和彈框的代碼（彈框內容裡面嵌入了html代碼）：

有了這些JavaScript插件的配合，bootstrap是不是使用起來更加方便呢？