最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
更改BootStrap popover的默认样式及popover简单用法
时间:2018-09-19 编辑:猪哥 来源:一聚教程网
下面通过一段代码给大家介绍更改BootStrap popover的默认样式,具体代码如下所述:
.popover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; max- 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弹出框默认样式,需修改弹出框样式可在CSS中自定义要修改的样式,例如:padding改为6px,背景颜色修改为黑色,字体颜色修改为白色
.popover{ padding:6px; background-color:#000; color:#fff; }
补充:下面看下bootstrap popover简单用法
//添加
$('#freqsComboCheckbox').addClass('has-popover').attr('data-content', "Please Select Frequency!") .popover({ placement: 'bottom', container: '.areaBox',//将popover附加到特定的元素上 trigger: 'manual' //manual触发方式 }).popover('show');
//移除
$(".has-popover").not($('#freqsComboCheckbox')).removeClass('has-popover').popover('destroy')
-
上一个: Fly拦截全局Ajax请求的方法
-
下一个: vue实现动态列表点击各行换色的方法
相关文章
- js实现音乐播放器代码展示 10-12
- js实现图片查看器代码展示 10-12
- JS中switch的四种写法介绍 10-12
- js实现新闻轮播效果教程 10-11
- JS实现简单的图片切换功能教程 10-11
- js实现下拉刷新和上拉加载解析 09-28