下面通過一段代碼給大家介紹更改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ù)大家的。在此也非常感謝大家對VeVb武林網(wǎng)網(wǎng)站的支持!
新聞熱點(diǎn)
疑難解答