BootStrap弹出框插件popover简单实例
2016-01-20 10:26
696 查看
1、网上实例地址
http://www.runoob.com/bootstrap/bootstrap-popover-plugin.html
2、具体demo
$("#pieId").popover({
placement: 'bottom',
content: '<span class="content-big">8650</span> <span class="content-small">Total Orders</span><br /><span class="content-big">29</span> <span class="content-small">Pending Orders</span><br /><span class="content-big">32</span> <span class="content-small">Orders Today</span><br /><span class="content-big">64</span> <span class="content-small">Orders Yesterday</span>',
trigger: 'hover',
html: true
});
3、实例效果图
http://www.runoob.com/bootstrap/bootstrap-popover-plugin.html
2、具体demo
$("#pieId").popover({
placement: 'bottom',
content: '<span class="content-big">8650</span> <span class="content-small">Total Orders</span><br /><span class="content-big">29</span> <span class="content-small">Pending Orders</span><br /><span class="content-big">32</span> <span class="content-small">Orders Today</span><br /><span class="content-big">64</span> <span class="content-small">Orders Yesterday</span>',
trigger: 'hover',
html: true
});
3、实例效果图
相关文章推荐
- mybaits+bootstrap的模糊查询实现
- bootstrap的使用
- 0004 -- bootstrap 按钮组的使用。
- BootStrap入门教程 (二)
- BootStrap入门教程 (一)
- 2016 系统设计第一期 (档案一)MVC bootstrap model弹出窗
- Jsp页面关于BootStrap模态框和<a href onclick>事件不能同时使用,以及传参的问题
- Bootstrap进度条
- ASP.NET MVC4.0+EF+LINQ+bui+bootstrap+网站+角色权限管理系统(4)
- Bootstrap 布局
- Bootstrap警告
- bootstrap 样式规范总结
- Bootstrap面包屑导航、分页、标签、徽章
- bootstrap响应式网页设计的9条基本原则!
- 如何在指定的动作中加载 Yii-bootstrap 扩展
- Bootstrap datepicker可配置网址
- bootstrap源码学习之附加导航affix(二)
- bootstrap table简洁扁平的表格
- bootstrap源码学习之消息提示alert(一)
- 分页Bootstrap实现