BootStrap3中模態(tài)對話框的使用
1.引入jQuery.min.js;
2.引入bootstrap-modal.js;
3.操作按鈕:<a href="#edit" data-toggle="modal">修改</a>
4.模態(tài)框
<div class="modal fade" id="edit"> <div class="modal-dialog "> <div class="modal-content"> <div class="modal-header"> <h3 class="modal-title">頭標(biāo)題</h3> <a class="close" data-dismiss="modal"> <span>關(guān)閉</span> </a> </div> <div class="modal-body"> 內(nèi)容 </div> <div class="modal-footer"> <!--腳--> <a class="btn btn-default " data-dismiss="modal">關(guān)閉</a> </div> </div> </div> </div>
以上所述是小編給大家介紹的BootStrap3中模態(tài)對話框的使用,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時(shí)回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
- 封裝的dialog插件 基于bootstrap模態(tài)對話框的簡單擴(kuò)展
- Bootstrap 模態(tài)對話框只加載一次 remote 數(shù)據(jù)的完美解決辦法
- Bootstrap模態(tài)對話框的簡單使用
- Bootstrap3 多個(gè)模態(tài)對話框無法顯示的解決方案
- Bootstrap基本插件學(xué)習(xí)筆記之模態(tài)對話框(16)
- 基于Bootstrap模態(tài)對話框只加載一次 remote 數(shù)據(jù)的解決方法
- Bootstrap模態(tài)對話框中顯示動態(tài)內(nèi)容的方法
- Bootstrap模態(tài)對話框用法簡單示例
相關(guān)文章
前端使用Compressor.js實(shí)現(xiàn)圖片壓縮上傳的詳細(xì)過程
Compressor.js一個(gè)JavaScript圖像壓縮器,使用瀏覽器的原生canvas.toBlob API來執(zhí)行壓縮工作,這篇文章主要給大家介紹了關(guān)于前端使用Compressor.js實(shí)現(xiàn)圖片壓縮上傳的詳細(xì)過程,需要的朋友可以參考下2024-07-07javascript中json對象json數(shù)組json字符串互轉(zhuǎn)及取值方法
這篇文章主要介紹了javascript中json對象json數(shù)組json字符串互轉(zhuǎn)及取值方法,需要的朋友可以參考下2017-04-04jscript之Read an Excel Spreadsheet
jscript之Read an Excel Spreadsheet...2007-06-06JavaScript中常見的字符串操作函數(shù)及用法匯總
這篇文章主要介紹了JavaScript中常見的字符串操作函數(shù)及用法,實(shí)例匯總了javascript常見的字符串轉(zhuǎn)換、分割、查詢、替換等技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-05-05