Bootstrap并不是單單意味著HTML/CSS界面框架,更確切的說,它改變了整個游戲規(guī)則。這個囊括了應有盡有的代碼框架使得許多應用和網站的設計開發(fā)變得簡便許多,而且它將大量的HTML框架普及成了產品。
可悲的是,它純粹的功能喚起了我們本能的懶惰,很多人始終堅持使用它的默認設置。但是,Bootstrap的真諦是“基石”。Bootstrap框架,并不意味著它是全部終結解決方案。
Bootstrap的開發(fā)者們確實做了非常棒的工作,使得很多事情變得簡單,他們的代碼被模塊化,你可以下載框架的獨立組件。他們在網站上甚至提供了一款基本自定義工具,允許你進行定制。
另外,一些真正的設計者和開發(fā)者也開發(fā)了一些定制工具。現(xiàn)在你已經沒有借口再去使用Bootstrap的默認設定了。
一、Bootstrap主題工具
以下的這些工具可以將基本的bootstrap變得不再是你熟識的那個樣子。它們中的一些可能在使用時會有限制,或者只允許在特定條件下使用。但是如果它們符合你的需求的話,那么會為你省下不少時間和金錢。
1. Flat UI
Flat UI(扁平化設計界面)由Designmodo發(fā)布,是為那些偏愛扁平化設計的人存在的,與Bootstrap多少有些擬物化的設計正相反,它的每一個UI元素都被根據最新的美學重新設計了。
Flat UI是免費的,但是你也可以使用付費的專業(yè)版本,專業(yè)版本中有附加元素、功能和PSD文件。

2. Fbootstrapp
Fbootstrapp用于開發(fā)兼容Facebook用戶界面的元素,用官網的話說就是“Fbootstrapp是一套用于Facebook iFrame應用開發(fā)的工具包”。它包括基本的排版、表格、按鈕、表單、網格、導航和更多的CSS和HTML樣式元素,讓界面看起來和體驗起來都和典型的Facebook一樣。
3. Jumpstart UI
Bootstrap主要用于應用,如果你想要將它用于經典的“管理員界面”,你還需要額外的工作。不過,Jumpstart UI簡化了這些工作,為你帶來3種不同的模板,此外還提供了管理員UI圖標、小部件樣式、基于jQuery的數據可視化插件等等。
4. BootMetro
為你帶來Windows 8的Metro UI風格界面。
二、Bootstrap客制化工具
所以你想讓Bootstrap更好地達到你的UI需求,你將如何開始?你當然可以直接看代碼,但是這樣做是非常困難的。
如果你想手動更改排版、按鈕、鏈接顏色或者是導航樣式,你可以在Bootstrap網站上的客制化應用中編輯所有的變量,但是當你修改時候,你看不到任何可視性的反饋,也就是說你在修改的時候,完全不可預見修改后的樣子。
但幸運的是,我們有以下這幾款可視化定制工具。
1. StyleBootstrap
StyleBootStrap是款很強大的工具,可以編輯在框架中見到的大多數默認UI元素。
2. Bootstrap Magic
Bootstrap Magic是一款幫助你重塑架構的工具。它的界面簡單友好,比StyleBootstrap可以微調更多的元素。
三、插件 & 片段
有些東西是Bootstrap沒有的,但是對我們而言卻是非常重要的。
1. Font Awesome
Bootstrap 提供的圖像字符圖標非?,但是卻很有限。通過Font Awesome,你可以為361個圖標進行修改,比如改變顏色、添加陰影,像寫CSS一樣簡單。
2. Bootsnipp
Bootsnipp是一個HTML片段庫,可與Bootstrap結合使用,并且不需要添加其他庫。片段包括:注冊和登錄表單、日歷、類似Gmail的E-mail界面、media player界面等等。
這并不是全部
Twitter寵愛的模板越來越被廣泛適應,也許在自定義Bootstrap上有更多的方法,更多的信息,是我的列表乃至任何列表中都沒有的。畢竟,互聯(lián)網就是為此而存在的,對吧?