ㄧ.提示框

<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