bootstrap源碼學習與示例：bootstrap-affix
bootstrap在2.1新增的組件，直譯過來就是固定。其實這組件很簡單，就是通過添加或移除affix這個類名實現屏幕固定或不固定。當頁面加載完畢時，JS插件會搜索頁面上所有[data-spy="affix"]的元素，然后找其data-offset-top或data-offset-bottom屬性 ...
原文：bootstrap源碼學習與示例：bootstrap-tooltip
tooltip是bootstrap第二復雜的組件，近三百行。配置項比較多。並且需要手動初始化。另一個特點是沒有自定義事件。 名稱 類型 默認 描述 animation 布爾值 true 為工具提示添加一個淡入的過渡。 placement 字符串或函數 top 工具提示的位置：top bottom left right。 selector 字符串 false 如果提供了selector，將對符合條件 ...
2012-12-24 16:28 1 6217 推薦指數：
相關推薦
bootstrap源碼學習與示例：bootstrap-typeahead
bootstrap-typeahead這個名字起得很坑爹，其實就是其他UI庫的自動完成。它只要引入JS就能用了。要求目標文本域至少有兩個屬性，[data-provide="typeahead"]與data-source就行了。data-source是一個經過unescapeHTML的字符串數組 ...
bootstrap源碼學習與示例：bootstrap-tab
切換卡或叫標簽頁組件。它與scrollspy組件一樣，分為兩部分，觸發區與面板區。觸發區用於綁定點擊事件，切換對應的面板。 切換區為一個UL列表，要求UL帶"nav nav-tabs"或"nav n ...
bootstrap源碼學習與示例：bootstrap-alert
bootstrap-alert組件基本活兒在CSS上，JS部分就是一個關閉事件。這是框架提供的關閉事件，在這之前，你可以通過on方法綁定close,closed這兩種回調，它會在關閉時被調用。基本上，你只要引入了JS文件，HTML按它格式要求寫，它就能干活了。 需要注意的有兩個： 關閉銨 ...
bootstrap源碼學習與示例：bootstrap-modal
bootstrap-modal譯為模態對話框，也就是帶遮罩層的對話框。 從它的源碼實現來看有點羅索。 它的HTML結構分三分部，首部，內容區，底層，底部放按鈕或分頁欄。 <div class="modal hide fade"> <div class ...
bootstrap源碼學習與示例：bootstrap-collapse
這次說的是手風琴組件，但是bootstrap的實現有點奇怪，CSS中的類名以accordion為前綴，JS里面的處理組件與相關方法為collapse。 HTML結構以下：類名accordion的DIV包含N個類名為accordion-group的DIV，每組又分兩部分 ...
bootstrap源碼學習與示例：bootstrap-carousel
bootstrap的旋轉木馬組件，不過只能自動從左到右，而且與其他組件不一樣，需要自己手動初始化一下。 結構還是算簡單， <div id="myCarousel" class="carousel slide"> <div class ...
bootstrap源碼學習與示例：bootstrap-popover
bootstrap-popover是bootstrap-toolbar的子類。它就比toolbar多一個content參數，其他就是一些默認值不同。與toolbar一樣沒有自定義事件。 名稱 類型 默認 描述 ...