bootstrap popover消息提示框 例子

引用：

<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
    <script src="jquery-1.10.1.min.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>

html：

<div class="container" style="padding: 100px 50px 10px;" >

<a class="btn btn-success" data-toggle="popover" >

登录

</a>

</div>

 

js：

$(function () {

$("[data-toggle='popover']").popover({

title:'通知',/*标题*/

html:true,

content:`<div class="content-1">通知内容400内容内容4455内容通知</div><div class="content-2">通知内容400内容内容4455内容通知</div>`,/*弹出框内容*/

trigger: 'click',/*触发方式 click | hover | focus | manual*/

placement:'bottom',/*方向*/

container:'body',

});

$("[data-toggle='popover']").popover('show');

});

bootstrap 弹出框 popovers