欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

使用bootstrap為什么彈出框沒有內(nèi)容-創(chuàng)新互聯(lián)

這篇文章將為大家詳細(xì)講解有關(guān)使用bootstrap為什么彈出框沒有內(nèi)容，小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

成都創(chuàng)新互聯(lián)是一家集網(wǎng)站建設(shè),資中企業(yè)網(wǎng)站建設(shè),資中品牌網(wǎng)站建設(shè),網(wǎng)站定制,資中網(wǎng)站建設(shè)報(bào)價(jià),網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,資中網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競爭力。可充分滿足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時(shí)我們時(shí)刻保持專業(yè)、時(shí)尚、前沿，時(shí)刻以成就客戶成長自我，堅(jiān)持不斷學(xué)習(xí)、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。

彈出框（Popover）與工具提示（Tooltip）類似，提供了一個(gè)擴(kuò)展的視圖。如需激活彈出框，用戶只需把鼠標(biāo)懸停在元素上即可。彈出框的內(nèi)容完全可使用 Bootstrap 數(shù)據(jù) API（Bootstrap Data API）來填充。該方法依賴于工具提示（tooltip）。

彈出框（Popover）插件根據(jù)需求生成內(nèi)容和標(biāo)記，默認(rèn)情況下是把彈出框（popover）放在它們的觸發(fā)元素后面。您可以有以下兩種方式添加彈出框（popover）：（推薦學(xué)習(xí)：Bootstrap視頻教程）

通過 data 屬性：如需添加一個(gè)彈出框（popover），只需向一個(gè)錨/按鈕標(biāo)簽添加 data-toggle="popover" 即可。錨的 title 即為彈出框（popover）的文本。默認(rèn)情況下，插件把彈出框（popover）設(shè)置在頂部。

<a href="#" data-toggle="popover" title="Example popover">    請(qǐng)懸停在我的上面</a>

通過 JavaScript：通過 JavaScript 啟用彈出框（popover）：

$('#identifier').popover(options)

彈出框（Popover）插件不像之前所討論的下拉菜單及其他插件那樣，它不是純 CSS 插件。如需使用該插件，您必須使用 jquery 激活它（讀取 javascript）。

使用下面的腳本來啟用頁面中的所有的彈出框（popover）：

$(function () { $("[data-toggle='popover']").popover(); });

下面的實(shí)例演示了通過 data 屬性使用彈出框（Popover）插件的用法。

<!DOCTYPE html><html><head>    <meta charset="utf-8">     <title>Bootstrap 實(shí)例 - 彈出框（Popover）插件</title>    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script></head><body><div class="container" style="padding: 100px 50px 10px;" >    <button type="button" class="btn btn-default" title="Popover title"              data-container="body" data-toggle="popover" data-placement="left"             data-content="左側(cè)的 Popover 中的一些內(nèi)容">        左側(cè)的 Popover    </button>    <button type="button" class="btn btn-primary" title="Popover title"              data-container="body" data-toggle="popover" data-placement="top"             data-content="頂部的 Popover 中的一些內(nèi)容">        頂部的 Popover    </button>    <button type="button" class="btn btn-success" title="Popover title"              data-container="body" data-toggle="popover" data-placement="bottom"             data-content="底部的 Popover 中的一些內(nèi)容">        底部的 Popover    </button>    <button type="button" class="btn btn-warning" title="Popover title"              data-container="body" data-toggle="popover" data-placement="right"             data-content="右側(cè)的 Popover 中的一些內(nèi)容">        右側(cè)的 Popover    </button></div><script>$(function () {     $("[data-toggle='popover']").popover();});</script></body></html>

關(guān)于“使用bootstrap為什么彈出框沒有內(nèi)容”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，使各位可以學(xué)到更多知識(shí)，如果覺得文章不錯(cuò)，請(qǐng)把它分享出去讓更多的人看到。

網(wǎng)頁名稱：使用bootstrap為什么彈出框沒有內(nèi)容-創(chuàng)新互聯(lián)
文章地址：http://chinadenli.net/article2/cegpic.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站制作、網(wǎng)站建設(shè)、企業(yè)網(wǎng)站制作、全網(wǎng)營銷推廣、動(dòng)態(tài)網(wǎng)站、用戶體驗(yàn)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)

網(wǎng)站建設(shè)網(wǎng)站維護(hù)公司