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