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

您可能感興趣的文章:

相關(guān)文章

js常用函數(shù)push()、pop()、shift()、unshift()、slice()和splice()等詳解
這篇文章主要給大家介紹了關(guān)于js常用函數(shù)push()、pop()、shift()、unshift()、slice()和splice()等的相關(guān)資料,js中數(shù)組操作函數(shù)還是非常多的,今天忽然想到來總結(jié)一下,也算是溫故而知新吧,需要的朋友可以參考下
2023-11-11
js實(shí)現(xiàn)多個(gè)倒計(jì)時(shí)并行 js拼團(tuán)倒計(jì)時(shí)
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)多個(gè)倒計(jì)時(shí)并行功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2019-02-02
簡(jiǎn)述凍結(jié)JS對(duì)象方法技術(shù)
本文主要介紹了凍結(jié)JS對(duì)象方法技術(shù)，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2022-07-07
JS小游戲之宇宙戰(zhàn)機(jī)源碼詳解
這篇文章主要介紹了JS小游戲之宇宙戰(zhàn)機(jī)源碼,是一款非常經(jīng)典的游戲源碼,包含了游戲設(shè)計(jì)中比較常見的邏輯處理,本文附帶了該游戲的完整源碼,需要的朋友可以參考下
2014-09-09
JavaScript常見事件處理程序?qū)嵗偨Y(jié)
這篇文章主要介紹了JavaScript常見事件處理程序,結(jié)合實(shí)例形式總結(jié)分析了javascript HTML事件、DOM事件、IE事件等相關(guān)處理程序與操作技巧,需要的朋友可以參考下
2019-01-01
ES6使用 Array.includes 處理多重條件用法實(shí)例分析
這篇文章主要介紹了ES6使用 Array.includes 處理多重條件用法,結(jié)合實(shí)例形式分析了Array.includes基本功能、原理及處理多重條件相關(guān)操作技巧,需要的朋友可以參考下
2020-03-03
layui實(shí)現(xiàn)左側(cè)菜單點(diǎn)擊右側(cè)內(nèi)容區(qū)顯示
這篇文章主要為大家詳細(xì)介紹了layui實(shí)現(xiàn)左側(cè)菜單點(diǎn)擊右側(cè)內(nèi)容區(qū)顯示，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2019-07-07
前端性能優(yōu)化建議
這篇文章主要分享了一些前端性能優(yōu)化的建議，幫助大家提高頁面性能，感興趣的朋友可以了解下
2020-09-09
js location.replace與location.reload的區(qū)別
js location.replace與location.reload的區(qū)別，經(jīng)常能用的到，需要的朋友可以可以下。
2010-09-09
Javascript Cookie讀寫刪除操作的函數(shù)
Javascript Cookie讀寫刪除操作的函數(shù)代碼，需要操作cookies的朋友可以參考下。
2010-03-03