Bootstrap弹出框
1.弹出框的基本用法
2.打开HBuilder新建一个web项目ch26,把上节课讲到的ch25的东西复制过来。
3.弹出框实例
<body>
<div style=" margin: 200px;">
<button type="button" class="btn btn-danger"
title="向左显示"
data-content="这里是内容"
//内容我们用data-content自定义属性
data-toggle="popover" data-placement="left">向左</button>
</div>
</body>
弹出框和我们上节课所学到的提示框类似,只是多了一个标题。而弹出框的用法和提示框的用法也是基本一样的,只需要把data-toggle="tooltip"换成data-toggle="popover",其它地方的用法一样,同样的不能完全使用属性声明来使用必须要加上JavaScript这个调用,还有一点就是工具提示框是鼠标移上就触发提示,而弹出框的触发动作是单击。
4.运行效果