欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

更改BootStrap popover的默認(rèn)樣式及popover簡單用法

 更新時間：2018年09月13日 15:03:43   作者：Sumyn  
這篇文章主要介紹了更改BootStrap popover的默認(rèn)樣式及popover簡單用法,需要的朋友可以參考下

下面通過一段代碼給大家介紹更改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簡單用法

//添加

$('#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簡單用法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

相關(guān)文章

最新評論