-
1.導入js? ?2.設計一個帶有下拉菜單的導航條? nav? nav上要設id? ?3.設置監控對象 .scrollspy? ?data-target="#nav上的id"
查看全部 -
就如官方所說 data-toggle="dropdown"? 不能省略
查看全部 -
屬性觸發法:三層，外層li? .dropdown? 中層 a? .dropdown-toggle? ?data-toggle="dropdown"(=外層的類)，內層ul? .dropdown-menu
查看全部 -
下拉菜單--JavaScript觸發方法
查看全部 -
下拉菜單--屬性聲明式方法（二)
查看全部 -
模態彈出框——JavaScript觸發的參數設置
查看全部 -
模態彈出框——data-參數說明
查看全部 -
為彈出框增加過渡動畫效果
查看全部 -
模態彈出框——觸發模態彈出窗的兩種方法
方法一：模態彈出窗聲明，只需要自定義兩個必要的屬性：data-toggle和data-target(bootstrap中聲明式觸發方法一般依賴于這些自定義的data-xxx屬性。比如data-taggle=""或者data-dismiss="")。例如：
注意以下事項：
1、data-toggle必須設置為modal（toggle中文翻譯過來就是觸發器）;
2、data-target可以設置為CSS的選擇符，也可以設置為模態彈出窗的ID值，一般情況設置為模態彈出框的ID值，因為ID值是唯一的值。
方法二：觸發模態彈出窗也可以說是一個鏈接<a>元素，那么可以便用鏈接元素自帶的href屬性替代data-target屬性。
不過建議還是統一使用data-target的方式來觸發、
點擊按鈕就能觸發彈出窗。
查看全部 -
模態窗兩種尺寸
查看全部 -
模態彈出框--結構分析
Bootstrap框架中的模態彈出框，分別運用了“modal”、“modal-dialog”和“modal-content”樣式，而彈出窗真正的內容都放置在“modal-content”中，其主要又包括三個部分：
???彈出框頭部，一般使用“modal-header”表示，主要包括標題和關閉按鈕
???彈出框主體，一般使用“modal-body”表示，彈出框的主要內容
???彈出框腳部，一般使用“modal-footer”表示，主要放置操作按鈕
查看全部 -
動畫過度Transitions
查看全部 -
查看全部
-
?$("#mymodal").modal("show");//必須點擊按鈕(關閉或保存)才可以隱藏model
?$("#mymodal").modal("toggle");//除滿足上述情況,還滿足點擊陰影處也可隱藏model
查看全部 -
通過JS觸發時，給關閉元素綁定click，給alert容器綁定click，都可以實現關閉
查看全部
舉報