雖然是基於不純的目的來學習它，但想必也對大家有所幫助。 bootstrap雖然掛着twitter的名字，但實質上只是twitter的兩個員工自己的項目。 bootstrap不是單純一個項目，它的許多部件，包括CSS部分，JS部分，還是最原始的less部分要依賴其他項目才能運作。不過CSS已經有 ...

今天開始說非常簡單的bootstrap-button組件。 button設計得非常smart，只有一個調用接口，你可以在$().button(str)中傳入不同的字符串，來切換它的文本，其中有三個是框架占用的——toggle, reset, loading。 button的文本切換 ...

bootstrap-dropdown組件是個爛東西，我讀后的整體感覺。 一個下拉開菜單的設計： <ul class="nav pull-right"> <li id="fat-menu ...

bootstrap-scrollspy(滾動偵測)是一個很有趣的組件，它會將某一個存在滾動條的區域中一些元素的ID值收集起來，然后在它們靠近滾動區頂部時高亮這些ID值代表的A元素。 它也明顯的缺陷，對格式限得太死。它由兩部分組成。一部分是滾動區，滾動區有個data-target用於指向包含菜單 ...

tooltip是bootstrap第二復雜的組件，近三百行。配置項比較多。並且需要手動初始化。另一個特點是沒有自定義事件。 名稱 類型 默認 描述 animation 布爾值 true ...

bootstrap-typeahead這個名字起得很坑爹，其實就是其他UI庫的自動完成。它只要引入JS就能用了。要求目標文本域至少有兩個屬性，[data-provide="typeahead"]與data-source就行了。data-source是一個經過unescapeHTML的字符串數組 ...

切換卡或叫標簽頁組件。它與scrollspy組件一樣，分為兩部分，觸發區與面板區。觸發區用於綁定點擊事件，切換對應的面板。 切換區為一個UL列表，要求UL帶"nav nav-tabs"或"nav n ...

bootstrap-alert組件基本活兒在CSS上，JS部分就是一個關閉事件。這是框架提供的關閉事件，在這之前，你可以通過on方法綁定close,closed這兩種回調，它會在關閉時被調用。基本上，你只要引入了JS文件，HTML按它格式要求寫，它就能干活了。 需要注意的有兩個： 關閉銨 ...