更改BootStrap popover的默认样式及popover简单用法

前端之家收集整理的这篇文章主要介绍了更改BootStrap popover的默认样式及popover简单用法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

下面通过一段代码给大家介绍更改BootStrap popover的默认样式,具体代码如下所述:

Box; background-clip: padding-Box; border: 1px solid #ccc; border: 1px solid rgba(0,.2); border-radius: 6px; -webkit-Box-shadow: 0 5px 10px rgba(0,.2); Box-shadow: 0 5px 10px rgba(0,.2); }

BootStrap popover弹出框默认样式,需修改弹出框样式可在CSS中自定义修改的样式,例如:padding改为6px,背景颜色修改为黑色,字体颜色修改为白色

补充:下面看下bootstrap popover简单用法

//添加

Box').addClass('has-popover').attr('data-content',"Please Select Frequency!") .popover({ placement: 'bottom',container: '.areaBox',//将popover附加到特定的元素上 trigger: 'manual' //manual触发方式 }).popover('show');

//移除

Box')).removeClass('has-popover').popover('destroy');

总结

以上所述是小编给大家介绍的更改BootStrap popover的默认样式及popover简单用法。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

原文链接:https://www.f2er.com/bootstrap/30223.html

猜你在找的Bootstrap相关文章