iT邦幫忙

0

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


尚未有邦友留言

立即登入留言