27.Bootstrap(中文教程)元件：Popovers:提示框

ㄧ.提示框

<div id="demo" class="component container">  <button class="btn btn-primary"           data-toggle="popover"           title="标题"           data-content="内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容" data-placement="top">    Pop  </button></div>.demo.component{  padding: 50px;}

重点：

1.data-toggle为popver也就是使用提示讯息
2.title为提示讯息标题
3.data-conten为提示讯息内容
4.data-placement调整要显示的位置
5.data-trigger="focus"，按完不想看按空白的地方关闭。案按钮没办法
6.data-trigger=也可改成hover

codepen
参考：bootstrap4