-
在bootstrap中聲明式觸發(fā)方法一般依賴于data-xxx 屬性。比如data-toggle="" 或者 data-dismiss=""查看全部
-
總結(jié)一下到目前為止我所掌握的有關(guān)button的樣式有：button class="btn btn-default"(默認)、button class="close" data-dismiass="modal"(要關(guān)閉的組件)、button class="btn btn-default dropdown-toggle" data-toggle="dropdown(要切換的組件)"【<span cls="caret">】這里的也可以替換成a標簽、查看全部
-
要想在網(wǎng)頁上加上modal彈出框，最外邊包裹的是modal、其次是modal-dialog、最后真正的內(nèi)容是放在modal-content。而modal-content中又包括三個部分：彈出框頭部modal-header(主要用于放置標題和關(guān)閉按鈕)、彈出框主體modal-body(用于放置內(nèi)容)、彈出框底部modal-footer(主要用于放置操作按鈕)查看全部
-
loading狀態(tài)信息觸發(fā)方式不能用聲明方式觸發(fā)。查看全部
-
class="close"保證X按鈕在右側(cè)顯示 data-dismiss="alert"保證可以關(guān)閉警告框查看全部
-
彈出框--提示框和彈出框的異同： 從之前的學習可知，彈出框中HTML自定義的 data 屬性和提示框中的自定義的 data 屬性基本相同，只不過在其基礎(chǔ)上增加了一個 data-content 屬性，用來設(shè)置彈出框的內(nèi)容。其實兩插件也有略微的不同： 提示框 tooltip 的默認觸發(fā)事件是 hover 和 focus，而彈出框 popover 是 click 提示框 tooltip 只有一個內(nèi)容(title)，而彈出框不僅可以設(shè)置標題（title）還可以設(shè)置內(nèi)容(content) 提示框tooltip的模板： <div class="tooltip" role="tooltip"> <div class="tooltip-arrow"></div> <div class="tooltip-inner"></div> </div> 彈出框popover的模板： <div class="popover" role="tooltip"> <div class="arrow"></div> <h3 class="popover-title"></h3> <div class="popover-content"></div> </div>查看全部
-
彈出框--觸發(fā)彈出框的方法: $(function(){ $('#myPopover').popover({ title:"我是彈出框的標題", content:"我是彈出框的內(nèi)容", placement:"top" }); });查看全部
-
在制作提示框（tooltip）時，可以使用<button>或者<a>標簽元素，而且通過 data- 屬性來聲明提示框的信息，如下所示： <button type="button" class="btnbtn-default" data-toggle="tooltip" data-placement="left" data-original-title="我是一個提示框tooltip"> 鼠標移上來 </button> 而彈出框Popover和提示框tooltip相比，就多了一個content內(nèi)容，那么在此使用 data-content 來定義彈出框中的內(nèi)容。同樣可以使用<button>或者<a>標簽來制作，如下： <button type="button" class="btnbtn-default" data-container="body" data-placement="bottom" data-toggle="popover" data-original-title="Bootstrap彈出框標題" data-content="Bootstrap彈出框的內(nèi)容" > 猛擊我吧 </button>查看全部
-
Bootstrap框架中的tooltip的插件提供了四種不同的風格： 在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"。 用button或者a標簽做提示框。 須加3個屬性： data-toggle="tooltip" data-placement="left" data-original-title="提示框居左">查看全部
-
選項卡--為選擇卡添加fade樣式: 為了讓面板的隱藏與顯示在切換的過程效果更流暢，可以在面板中添加類名 fade，讓其產(chǎn)生漸入的效果。查看全部
-
選項卡--觸發(fā)切換效果 同樣的，選項卡也定義data屬性來觸發(fā)切換效果。當然前提你也要先加載bootstrap.js或者是tab.js。聲明式觸發(fā)選項卡需要滿足以下幾點要求： 1、選項卡導航鏈接中要設(shè)置 data-toggle="tab" 2、并且設(shè)置 data-target="對應內(nèi)容面板的選擇符(一般是ID)"; 如果是鏈接的話，還可以通過 href="對應內(nèi)容面板的選擇符(一般是ID)" 主要起的作用是用戶點擊的時候能找到該選擇符所對應的面板內(nèi)容 tab-pane。 3、面板內(nèi)容統(tǒng)一放在 tab-content 容器中，而且每個內(nèi)容面板 tab-pane 都需要設(shè)置一個獨立的選擇符（最好是ID）與選項卡中的 data-target 或 href 的值匹配。查看全部
-
tab欄： ul class類名：nav-tabs; role="tablist" li a role="tab" data-toggle="tab" href="#id名" 與tablist切換相對應的內(nèi)容 最大容器 class="tab-content" 對應容器的 class="tab-pane" id=""查看全部
-
滾動監(jiān)控器--JavaScript方法觸發(fā)滾動監(jiān)控器: 在Bootstrap框架中，使用JavaScript方法觸發(fā)滾動監(jiān)控器相對來說較為簡單，只需要指定兩個容器的名稱即可。比如下面的結(jié)構(gòu)： <div class="scrollspy" id="scrollspy">//給需要滾動的內(nèi)容的最大容器添加類名稱即可。 … </div>查看全部
-
代碼如下顯示查看全部
-
代碼如下顯示查看全部
舉報
0/150
提交
取消