基本的HTML模板 排版 標題<h1>到<h6>：標題后面緊跟着一行小的副標題使用<small> <h1>Bootstrap標題一<small>我是副標題</small></h1> 段落 ...

簡單的標簽頁 代碼： [javascript] view plaincopy <h1 class=" ...

一、彈出框基礎 Bootstrap框架中的模態彈出框，分別運用了“modal”、“modal-dialog”和“modal-content”樣式，而彈出窗真正的內容都放置在“modal-content”中，其主要又包括三個部分： ☑ 彈出框頭部，一般使用 ...

先從bootstrap.modal.js的結構看起。 其HTML結構 我們開始過一遍插件源碼：從初始化開始 根據HTML提供的結構，$target為a標簽所指向的彈出框div的Jquery對象。另外$this.data()存在數據，為{toggle ...

先看bootstrap.dropdown.js的結構 HTML結構 從初始化即時函數開始 這里需要注意事件的冒泡，一般我們點擊頁面上的一個按鈕(或者一個可見的標簽時)時，現在你點擊的這個標簽上先觸發事件，如果你這個標簽上有事件的話，觸發完之后，它會 ...

先看bootstrap-tab.js的結構 HTML結構 先從初始化開始 讓body監聽a標簽的click事件，並且阻止其冒泡，調用了jQuery的原型方法tab。 這個結構跟之前的幾個插件差不多，不過最后它是執行了show方法 ...

先看bootstrap-tooltip.js的結構 因為tooltip插件的使用比較多，調用者比較雜，源碼中沒有給出初始化的步驟，在看源碼的過程中，我們手動添加初始化。 在script標簽部分加入以上代碼，我們可以鼠標移入'卡梅隆'時顯示提示框 ...

我們先看bootstrap.alert.js的結構 HTML結構 alert插件，比較簡單。我們先從初始化開始 body去監聽所有擁有data-dismiss = 'alert'屬性的標簽，並為它們綁定上Alert原型上的close方法，注意 ...