BootStrap3中模態(tài)對(duì)話框的使用

更新時(shí)間：2017年01月06日 16:42:09 作者：noyes_bao

這篇文章主要介紹了BootStrap3中模態(tài)對(duì)話框的使用的相關(guān)資料,需要的朋友可以參考下

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)對(duì)話框的使用，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

您可能感興趣的文章:

相關(guān)文章

前端使用Compressor.js實(shí)現(xiàn)圖片壓縮上傳的詳細(xì)過(guò)程
Compressor.js一個(gè)JavaScript圖像壓縮器,使用瀏覽器的原生canvas.toBlob API來(lái)執(zhí)行壓縮工作,這篇文章主要給大家介紹了關(guān)于前端使用Compressor.js實(shí)現(xiàn)圖片壓縮上傳的詳細(xì)過(guò)程,需要的朋友可以參考下
2024-07-07
php上傳圖片并給圖片打上透明水印的代碼
php上傳圖片并給圖片打上透明水印的代碼，需要的朋友可以參考下。
2010-06-06
把JS與CSS寫(xiě)在同一個(gè)文件里的書(shū)寫(xiě)方法
把JS與CSS寫(xiě)在同一個(gè)文件里的書(shū)寫(xiě)方法...
2007-06-06
javascript中json對(duì)象json數(shù)組json字符串互轉(zhuǎn)及取值方法
這篇文章主要介紹了javascript中json對(duì)象json數(shù)組json字符串互轉(zhuǎn)及取值方法,需要的朋友可以參考下
2017-04-04
利用不到200行代碼寫(xiě)一款屬于你自己的js類庫(kù)
這篇文章主要給大家介紹了如何利用不到200行代碼寫(xiě)一款屬于你自己的js類庫(kù)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用js具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2019-07-07
javascript History對(duì)象原理解析
這篇文章主要介紹了javascript History對(duì)象原理解析,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2020-02-02
jscript之Read an Excel Spreadsheet
jscript之Read an Excel Spreadsheet...
2007-06-06
微信小程序input抖動(dòng)問(wèn)題的修復(fù)方法
這篇文章主要給大家介紹了關(guān)于微信小程序input抖動(dòng)問(wèn)題的修復(fù)方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2021-03-03
js中使用使用原型(prototype)定義方法的好處詳解
下面小編就為大家?guī)?lái)一篇js中使用使用原型(prototype)定義方法的好處詳解。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-07-07
JavaScript中常見(jiàn)的字符串操作函數(shù)及用法匯總
這篇文章主要介紹了JavaScript中常見(jiàn)的字符串操作函數(shù)及用法,實(shí)例匯總了javascript常見(jiàn)的字符串轉(zhuǎn)換、分割、查詢、替換等技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
2015-05-05