Bootstrap 定製工具集錦

bootstrap並不是單單意味著html/css介面框架，更確切的說，它改變了整個遊戲規則。這個囊括了應有盡有的**框架使得許多應用和**的設計開發變得簡便許多，而且它將大量的html框架普及成了產品。

可悲的是，它純粹的功能喚起了我們本能的懶惰，很多人始終堅持使用它的預設設定。但是，bootstrap的真諦是「基石」。bootstrap框架，並不意味著它是全部終結解決方案。

基本自定義工具

，允許你進行定製。

另外，一些真正的設計者和開發者也開發了一些定製工具。現在你已經沒有藉口再去使用bootstrap的預設設定了。

一、bootstrap主題工具

以下的這些工具可以將基本的bootstrap變得不再是你熟識的那個樣子。它們中的一些可能在使用時會有限制，或者只允許在特定條件下使用。但是如果它們符合你的需求的話，那麼會為你省下不少時間和金錢。

1. flat ui

flat ui（扁平化設計介面）由

designmodo

發布，是為那些偏愛扁平化設計的人存在的，與bootstrap多少有些擬物化的設計正相反，它的每乙個ui元素都被根據最新的美學重新設計了。

flat ui是免費的，但是你也可以使用付費的專業版本，專業版本中有附加元素、功能和psd檔案。

bootstrap主要用於應用，如果你想要將它用於經典的「管理員介面」，你還需要額外的工作。不過，

jumpstart ui

簡化了這些工作，為你帶來3種不同的模板，此外還提供了管理員ui圖示、小部件樣式、基於jquery的資料視覺化外掛程式等等。

為你帶來windows 8的metro ui風格介面。

二、bootstrap客製化工具

所以你想讓bootstrap更好地達到你的ui需求，你將如何開始？你當然可以直接看**，但是這樣做是非常困難的。

如果你想手動更改排版、按鈕、鏈結顏色或者是導航樣式，你可以在bootstrap**上的客製化應用中編輯所有的變數，但是當你修改時候，你看不到任何可視性的反饋，也就是說你在修改的時候，完全不可預見修改後的樣子。

但幸運的是，我們有以下這幾款視覺化定製工具。

1. stylebootstrap

stylebootstrap是款很強大的工具，可以編輯在框架中見到的大多數預設ui元素。

bootstrap magic是一款幫助你重塑架構的工具。它的介面簡單友好，比stylebootstrap可以微調更多的元素。

三、外掛程式 & 片段

有些東西是bootstrap沒有的，但是對我們而言卻是非常重要的。

1. font awesome

bootstrap 提供的影象字元圖示非常酷，但是卻很有限。通過font awesome，你可以為361個圖示進行修改，比如改變顏色、新增陰影，像寫css一樣簡單。

bootsnipp是乙個html片段庫，可與bootstrap結合使用，並且不需要新增其他庫。片段包括：註冊和登入表單、日曆、類似gmail的e-mail介面、media player介面等等。