前些天發現了一個巨牛的人工智能學習網站，通俗易懂，風趣幽默，忍不住分享一下給大家。點擊跳轉到教程。?

<buttontype="button"class="update-button"style="width:70px; height:40px;"data-toggle="modal"data-target=".update-Dialog"> 編輯</button><div class="modal fade update-Dialog">...</div>

點擊編輯按鈕，彈出一個靜態框。

如上例子中的 button，Bootstrap 為這個元素都綁定了特定事件，覆蓋了這些元素原本的行為，

data-toggle：觸發事件的類型，如 modal，popover，tooltips 等

data-target ：事件的作用對象?。

以上代碼意思：把 class 為 “ update-Dialog ” 的 div? 作用為一個?modal（靜態框）。

?

運行效果：

?

參考：https://blog.csdn.net/yzllz001/article/details/73611442

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的Bootstrap 中： data-toggle 与 data-target 的作用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。