-
1、下拉菜單dropdown的插件對應源文件是dropdown.js 2、聲明方式:一般下拉菜單都是出現在導航條當中,比如膠囊式導航: <ul class="nav nav-pills"> <li class="dropdown"> <a href="##" class="dropdown-toggle" data-toggle="dropdown" role="button" id="tutorial">下拉按鈕<span class="caret"></span></a> <ul class="dropdown-menu" role="menu" aria-labelledby="tutorial"> <li role="presentation"><a href="##">菜單一</a></li> <li role="presentation"><a href="##">菜單二</a></li> </ul> </li> </ul>查看全部
-
和模態彈出框一樣,觸發下拉菜單的方式有兩種,一種是屬性聲明方式,一種是JavaScript方式。查看全部
-
運用javascript設置modal更多屬性: $(".btn").click(function(){ $("#modalId").modal({ backdrop: "static",//static不是boolean型是個字符串需要加引號 keyboard: false }); });查看全部
-
除了之前data-toggle="modal"加data-target="#ID"方式和a標簽的data-toggle="toggle"加href="#ID"方式外還有js觸發模態窗的方式:<br> 直接用$(".btn").click(function(){$("#modalId").modal()});查看全部
-
除了data-toggle以及data-target用來觸發模態框之外,還有其他的data-屬性,比如以下兩個分別是: data-backdrop(添加背景div,布爾值,true/static分別是在點擊背景div時是否關閉模態窗), data-keyboard(布爾值,true/false表示按ESC按鈕時是否會關閉模態窗)查看全部
-
為模態框添加動態過渡出現效果: 直接在modal層添加一個樣式fade,在觸發彈窗以后會自動增加一個in樣式,這兩個樣式是將模態框的opacity值從0動畫過渡到0.5查看全部
-
模態彈出框的觸發方式: 1、普通觸發的地方只需定義兩個必要的屬性:data-toggle="modal" data-target="#觸發modal的id/或者.觸發地方的唯一class名"; 2、還有一種<a>標簽觸發,一個必要屬性是data-toggle="modal",另一個是直接在href="#觸發modal的id"而不需要使用data-target這個屬性(不過還是建議使用data-target這個屬性觸發);查看全部
-
bootstrap框架中為模態彈出窗添加了一個蒙層樣式“modal-backdrop”不過他的默認情況下全屏是黑色的;同樣的,并且添加了一個過渡動畫從fade到in它把opacity值從0改變為0.5;兩種尺寸選擇:bootstrap框架為模態窗提供了不同尺寸,一個是大尺寸樣式“modal-lg”,另一個是小尺寸樣式“modal-sm”。查看全部
-
1、body標簽中的代碼:(偏移量要設置60哦,因為navbar-fixed-top時,menu遮住了60px) <body data-target="#navbar-example2" data-offset="60" data-spy="scroll"> 2、導航條代碼: <nav role="navigation" class="navbar navbar-default navbar-static navbar-fixed-top" id="navbar-example2">查看全部
-
觸發方法:1.a元素href鏈接 2.data-target 3.js觸發查看全部
-
....查看全部
-
固定定位(Affix)查看全部
-
實際上,當我們給carousel()方法配置參數之后,輪播效果就能自動切換。但 Bootstrap 框架中的 carousel 插件還給使用者提供了幾種特殊的調用方法,簡單說明如下: .carousel("cycle"):從左向右循環播放; .carousel("pause"):停止循環播放; .carousel("number"):循環到指定的幀,下標從0開始,類似數組; .carousel("prev"):返回到上一幀; .carousel("next"):下一幀查看全部
-
data-interval number 幻燈片輪換的等待時間(毫秒)。如果為false,輪播將不會自動開始循環 data-pause string 默認鼠標懸停留在幻燈片區域即停止播放,離開即開始播放 data-wrap 布爾值 輪播是否持續循環查看全部
-
為 #slidershow 層添加 slide 樣式,感覺沒什么用呢?查看全部
舉報
0/150