bootstrap-href觸發(fā)模態(tài)彈出窗元素-創(chuàng)新互聯(lián)
1.運(yùn)行效果如圖所示
2.實(shí)現(xiàn)代碼如下
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>href觸發(fā)模態(tài)彈出窗元素</title> <!-- 最新版本的 Bootstrap 核心 CSS 文件 --> <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh5u" crossorigin="anonymous"> <!-- 可選的 Bootstrap 主題文件（一般不用引入） --> <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous"> </head> <body> <!-- href觸發(fā)模態(tài)彈出窗元素 --> <a class="btn btn-primary" href="#mymodal-link" data-toggle="modal">通過(guò)鏈接href屬性觸發(fā)</a> <!-- 模態(tài)彈出窗內(nèi)容 --> <div class="modal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true" id="mymodal-link"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button> <h5 class="modal-title">模態(tài)彈出窗標(biāo)題</h5> </div> <div class="modal-body"> <p>模態(tài)彈出窗主體內(nèi)容</p> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal"> 關(guān)閉</button> <button type="button" class="btn btn-primary">保存</button> </div> </div> </div> </div> <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script> <!-- 最新的 Bootstrap 核心 JavaScript 文件 --> <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> </body> </html>
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無(wú)理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。
當(dāng)前文章：bootstrap-href觸發(fā)模態(tài)彈出窗元素-創(chuàng)新互聯(lián)
當(dāng)前URL：http://aaarwkj.com/article10/dspgdo.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供小程序開(kāi)發(fā)、網(wǎng)站建設(shè)、電子商務(wù)、商城網(wǎng)站、品牌網(wǎng)站建設(shè)、云服務(wù)器
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容
- nodejsjs模塊加載-創(chuàng)新互聯(lián)
- dedecms首頁(yè)幻燈片顯示問(wèn)題應(yīng)該如何解決-創(chuàng)新互聯(lián)
- 【基礎(chǔ)】在css中繪制三角形及相關(guān)應(yīng)用-創(chuàng)新互聯(lián)
- 在windows2003下如何安裝配置php環(huán)境-創(chuàng)新互聯(lián)
- javascript中bind函數(shù)的使用方法-創(chuàng)新互聯(lián)
- Jquery怎么實(shí)現(xiàn)更多選項(xiàng)的功能-創(chuàng)新互聯(lián)
- C++利用map實(shí)現(xiàn)并查集的方法-創(chuàng)新互聯(lián)
- 臺(tái)灣云服務(wù)器是真的性價(jià)比高嗎? 2022-10-04
- 不同云服務(wù)器類型之間的真正區(qū)別是什么？ 2021-02-18
- 手機(jī)可以登錄云服務(wù)器嗎？手機(jī)使用云服務(wù)器操作步驟 2022-10-07
- 云服務(wù)器可以用來(lái)做什么 2021-02-27
- 云服務(wù)器托管需要注意哪些問(wèn)題？ 2022-10-09
- 搭建云服務(wù)器要多少錢？ 2022-10-12
- 使用云服務(wù)器進(jìn)行企業(yè)網(wǎng)站建設(shè)有哪些優(yōu)勢(shì)？ 2016-12-09
- 為什么越來(lái)越多用戶選擇云服務(wù)器 2021-02-07
- 虛擬主機(jī)與云服務(wù)器的區(qū)別 2014-12-06
- 香港主機(jī)租用和香港云服務(wù)器哪個(gè)好？ 2022-10-02
- 香港云服務(wù)器怎么樣？香港云服務(wù)器哪家便宜？ 2022-10-03
- 電商網(wǎng)站選擇云服務(wù)器要考慮哪些方面 2022-10-02