-
Bootstrap框架中的提示框的觸發(fā)方式和前面介紹的插件略有不同。不能直接通過自定義的屬性 data- 來觸發(fā)。必須得依賴于JavaScript的代碼觸發(fā)。 最簡單的觸發(fā)方式如下： $(function(){ $('[data-toggle="tooltip"]').tooltip(); }); $(function(){ $('#myTooltip').tooltip({ title:"我是一個提示框，我在頂部出現(xiàn)", placement:'top' }); });查看全部
-
在Bootstrap框架中的提示框，結(jié)構(gòu)非常簡單，常常使用的是按鈕<button>標簽或者鏈接<a>標簽來制作。不管是使用按鈕還是鏈接來制作提示框，他們都有一個共性： ?通過 title 屬性的值來定義提示信息(也可以使用自定義屬性 data-original-title 來設(shè)置提示信息)。 ?通過 data-placement 自定義屬性來控制提示信息框的位置，根據(jù)四種不同的位置，data-placement具有四個值：top、right、bottom和left，分別表示提示框出現(xiàn)的位置在頂部、右邊、底部和左邊。 ?還有一個最重要的參數(shù)不可缺少，data-toggle="tooltip"。 1、如果同時設(shè)置了 data-original-title 和 title 定義提示信息，那么 data-original-title 的優(yōu)先級要高于 title。只有 data-original-title 值為空時，才會取 title 的值做為提示信息的內(nèi)容。 2、Bootstrap框架中的提示框的觸發(fā)方式和前面介紹的插件略有不同。不能直接通過自定義的屬性 data- 來觸發(fā)。必須得依賴于JavaScript的代碼觸發(fā)。（所以右側(cè)代碼是沒有動畫效果的，不要著急，后面小節(jié)會有講解。）查看全部
-
注意，在 body 要聲明滾動監(jiān)控。 <body data-spy="scroll" data-target="sidebarMenu">查看全部
-
使用聲明式，就算設(shè)置了 data-offset-top 的值也會失效，需要在樣式中給 affix 設(shè)置一個top值，與 data-offset-top 值相等。data-offset-bottom一樣。查看全部
-
上面三個屬性可以在容器元素上定義，也可以在標示符（或左右控制鏈接）上定義，但是后者定義的優(yōu)先級比較高。查看全部
-
data-interval：5000 幻燈片輪換的等待時間（毫秒）。如果為false,輪播將不會自動開始循環(huán) data-pause：hover 默認鼠標懸停留在幻燈片區(qū)域即停止播放，離開即開始播放 data-wrap：true 輪播是否持續(xù)循環(huán)查看全部
-
聲明式方法是通過定義 data 屬性來實現(xiàn)，data 屬性可以很容易地控制輪播的位置。其主要包括以下幾種： data-ride 屬性：取值 carousel，并且將其定義在 carousel 上。 data-target 屬性：取值 carousel 定義的 ID 名或者其他樣式識別符，如前面示例所示，取值為“#slidershow”，并且將其定義在輪播圖計數(shù)器的每個 li 上。 data-slide 屬性：取值包括 prev，next，prev表示向后滾動，next 表示向前滾動。該屬性值同樣定義在輪播圖控制器的 a 鏈接上，同時設(shè)置控制器 href 值為容器 carousel 的 ID 名或其他樣式識別符。 data-slide-to 屬性：用來傳遞某個幀的下標，比如 data-slide-to="2"，可以直接跳轉(zhuǎn)到這個指定的幀（下標從0開始計），同樣定義在輪播圖計數(shù)器的每個 li 上。查看全部
-
通過data-loading-text屬性定義加載的文本信息，然后通過JavaScript給按鈕綁定一個事件，并給按鈕添加一個button("loading")方法來激活按鈕的加載狀態(tài)行為查看全部
-
Bootstrap框架中的提示框的觸發(fā)方式和前面介紹的插件略有不同。不能直接通過自定義的屬性 data- 來觸發(fā)。必須得依賴于JavaScript的代碼觸發(fā)。查看全部
-
在Bootstrap除了可以讓 nav-tabs 具有選項卡的切換功能之外，還可以對膠囊式 nav-pills 導航也具有選項卡的功能。我們只需要將 nav-tabs 換成 nav-pills，另外關(guān)鍵一點是將 data-toggle="tab"換成data-toggle="pill"查看全部
-
在添加 fade 樣式時，最初的默認顯示的內(nèi)容面板一定要記得加上 in 類名，不然其內(nèi)容用戶無法看到。查看全部
-
被點擊的菜單項鏈接或按鈕需要添加自定義屬性 data-toggle="dropdown"查看全部
-
選項卡也定義data屬性來觸發(fā)切換效果。當然前提你也要先加載bootstrap.js或者是tab.js。聲明式觸發(fā)選項卡需要滿足以下幾點要求： 1、選項卡導航鏈接中要設(shè)置 data-toggle="tab" 2、并且設(shè)置 data-target="對應(yīng)內(nèi)容面板的選擇符(一般是ID)"; 如果是鏈接的話，還可以通過 href="對應(yīng)內(nèi)容面板的選擇符(一般是ID)" 主要起的作用是用戶點擊的時候能找到該選擇符所對應(yīng)的面板內(nèi)容 tab-pane。 3、面板內(nèi)容統(tǒng)一放在 tab-content 容器中，而且每個內(nèi)容面板 tab-pane 都需要設(shè)置一個獨立的選擇符（最好是ID）與選項卡中的 data-target 或 href 的值匹配。查看全部
-
在Bootstrap框架中選項卡nav-tabs已帶有樣，而對于面板內(nèi)容tab-pane都是隱藏的，只有當前面板內(nèi)容才是顯示的： /*bootstrap.css文件第3758行～第3763行*/ .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; }查看全部
-
關(guān)鍵一點，選項卡中鏈接的錨點要與對應(yīng)的面板內(nèi)容容器的ID相匹配。查看全部
舉報
0/150
提交
取消