更改BootStrap popover的默認(rèn)樣式及popover簡(jiǎn)單用法
更新時(shí)間：2018年09月13日 15:03:43 作者：Sumyn
這篇文章主要介紹了更改BootStrap popover的默認(rèn)樣式及popover簡(jiǎn)單用法,需要的朋友可以參考下
下面通過(guò)一段代碼給大家介紹更改BootStrap popover的默認(rèn)樣式，具體代碼如下所述：
.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1060;
display: none;
max-width: 276px;
padding: 1px;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: left;
white-space: normal;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #ccc;
border: 1px solid rgba(0,0,0,.2);
border-radius: 6px;
-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
box-shadow: 0 5px 10px rgba(0,0,0,.2);
}
BootStrap popover彈出框默認(rèn)樣式，需修改彈出框樣式可在CSS中自定義要修改的樣式，例如：padding改為6px，背景顏色修改為黑色，字體顏色修改為白色
.popover{
padding:6px;
background-color:#000;
color:#fff;
}
補(bǔ)充：下面看下bootstrap popover簡(jiǎn)單用法
//添加
$('#freqsComboCheckbox').addClass('has-popover').attr('data-content', "Please Select Frequency!")
.popover({
placement: 'bottom',
container: '.areaBox',//將popover附加到特定的元素上
trigger: 'manual' //manual觸發(fā)方式
}).popover('show');
//移除
$(".has-popover").not($('#freqsComboCheckbox')).removeClass('has-popover').popover('destroy');
總結(jié)
以上所述是小編給大家介紹的更改BootStrap popover的默認(rèn)樣式及popover簡(jiǎn)單用法，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了javascript隨機(jī)生成26個(gè)大小寫(xiě)字母，感興趣的朋友可以參考一下2016-02-02
BootStrap實(shí)現(xiàn)輪播圖效果(收藏)
這篇文章主要介紹了BootStrap實(shí)現(xiàn)輪播圖效果,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-12-12
函數(shù)是由事件驅(qū)動(dòng)的或者當(dāng)它被調(diào)用時(shí)執(zhí)行的可重復(fù)使用的代碼塊。本文給大家介紹介紹javascript中的函數(shù)(二)，對(duì)javascript函數(shù)相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)吧2015-12-12
JavaScript對(duì)象屬性檢查、增加、刪除、訪問(wèn)操作實(shí)例
這篇文章主要介紹了JavaScript對(duì)象屬性檢查、增加、刪除、訪問(wèn)操作實(shí)例,本文分別給出代碼實(shí)例來(lái)講解如何給對(duì)象增加屬性、檢查屬性存在、以及刪除和訪問(wèn)屬性,需要的朋友可以參考下2015-07-07
什么叫直覺(jué)解？根據(jù)目前流行的免殺方法，有這么幾種初級(jí)加密方法。進(jìn)制加密，URLEncode加密，加花2008-06-06
圖片漂浮效果想必大家都有見(jiàn)到過(guò)吧，一般都是通過(guò)js來(lái)實(shí)現(xiàn)的，下面為大家介紹的這個(gè)示例也是通過(guò)js實(shí)現(xiàn)的2014-06-06
JavaScript Event學(xué)習(xí)第九章 鼠標(biāo)事件
鼠標(biāo)事件是到目前為止最重要的事件。在這一章我將介紹一些鼠標(biāo)事件的最常見(jiàn)的問(wèn)題和技巧。2010-02-02
這篇文章主要介紹了8 個(gè)有用的JS技巧(推薦)，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-07-07
JavaScript仿微信（電話）聯(lián)系人列表滑動(dòng)字母索引實(shí)例講解（推薦）
這篇文章主要介紹了仿微信（電話）聯(lián)系人列表滑動(dòng)字母索引實(shí)例,通過(guò)for循環(huán)進(jìn)行判斷，具體操作步驟大家可查看下文的詳細(xì)講解，感興趣的小伙伴們可以參考一下。2017-08-08
JS控制CSS樣式,首先得確定一點(diǎn),CSS與HTML頁(yè)面的鏈接方式,因?yàn)镃SS有3種與HTML頁(yè)面結(jié)合的方式,不同的方式也會(huì)產(chǎn)生不同的結(jié)果.2009-08-08