Twitter Bootstrap 自從2011年最初發(fā)布到網(wǎng)上后，迅速成為 Web 領(lǐng)域***的響應(yīng)式前端開發(fā)框架之一，是網(wǎng)頁設(shè)計的優(yōu)秀實踐。Twitter Bootstrap 框架包含了眾多的預(yù)定義風(fēng)格的組件，插件和加載項。

在這篇文章中，我們想向大家介紹15款***的 Twitter Bootstrap 開發(fā)工具以更好地滿足要求以及幫助提高他們的 Web 開發(fā)的生產(chǎn)力。

1. Jetstrap

Jetstrap 是一個完全基于 Web 的，用于 Twitter Bootstrap 的界面構(gòu)建工具，專為開發(fā)人員，設(shè)計師和打造。Jetstrap 幫助您快速創(chuàng)建出漂亮網(wǎng)站，只需要花費很少的精力。
 

2. Bootply

Bootply 讓你可以方便的調(diào)試 Bootstrap。編輯 CSS ，HTML 和 JavaScript。可以使用 Bootply 設(shè)計，原型，擴展或測試 Bootstrap 框架。Bootply 集成了其他流行的  Bootstrap 插件，微型庫和框架。
 

3. DivShot

Divshot 是一個基于拖放的前端編輯器，允許你使用 Twitter Bootstrap（當(dāng)然 Foundation 也可以）建立響應(yīng)式的網(wǎng)站，不需要自己動手編碼，只需要進行簡單的拖放操作即可。
 

4. Bootstrap Magic

Bootstrap Magic 主題生成器基于 Twitter Bootstrap 3 和 AngularJS 構(gòu)建。您可以輕松快速地創(chuàng)建您自己的 Twitter Bootstarp 主題。你可以立即看到你正在改變的內(nèi)容是什么，您還可以添加來自 Google Webfont 的精美網(wǎng)頁字體。
 

5. Layoutit

LayoutIt 是一個 Twitter Bootstrap 界面生成器，能夠幫助你快速制作出網(wǎng)站和界面模型，同時能夠下載生成的網(wǎng)站代碼。簡單的幾個拖放操作就能做出漂亮的 Twitter Bootstrap 網(wǎng)站。所有的設(shè)計都可以是響應(yīng)式 CSS 和流體，能夠份容易與任何的編程語言集成，您只需下載 HTML 即可開始編碼設(shè)計。

6. X-editable

X-editable 支持就地編輯 Twitter Bootstrap， jQuery UI 或純 jQuery。這個庫允許你在自己的網(wǎng)頁上創(chuàng)建可編輯元素。它包括彈出式和內(nèi)嵌模式。它支持的輸入元素包括文字，文本區(qū)域，下拉列表，日期， dateui 和 checklist。它支持客戶端和服務(wù)器端驗證。另外容器的位置是完全可定制的，用戶可以通過單擊，雙擊自動或手動切換。

 

7. Grid Displayer

Grid Displayer 是一個書簽工具，可以用于顯示 Twitter Bootstrap（固定和流體網(wǎng)格）和 Foundation（ 2.0 和 3.0 ）的網(wǎng)格 。它支持 Firefox 和 WebKit 核心的瀏覽器。

 

8. GetkickStrap

Kickstrap ***結(jié)合 Bootstrap，采用***的 Web 技術(shù)。它可以運行經(jīng)過驗證的，數(shù)據(jù)庫驅(qū)動的 Web 應(yīng)用程序，不需要原生后臺。Kickstrap 結(jié)合 JSPM.io 提供了建立在 Require.js 的強大的前端軟件包的依賴關(guān)系。 Kickstrap 應(yīng)用程序是可以在任何時間在 Web 應(yīng)用程序的生命周期中運行的靜態(tài)資源集合。
 

9. Font Awesome

Font Awesome 是一套專門為 Twitter Boostrap 設(shè)計的圖標(biāo)字體庫。這套圖標(biāo)字體集幾乎囊括了網(wǎng)頁中可能用到的所有圖標(biāo)，除了包括 Twitter Boostrap 的默認(rèn)圖標(biāo)外，還有社交網(wǎng)絡(luò)圖標(biāo)、Web 應(yīng)用程序圖標(biāo)和編輯器圖標(biāo)等等，可以免費用于商業(yè)項目。
 

10. Bootstrap Button Generator

這是一款很好用的 Twitter Bootstrap 按鈕生成工具，你只需要輸入你要分配的新的按鈕樣式，并與不同的按鈕顏色搭配，更新就可以即時預(yù)覽。

11. Easel

Easel 是一個令人印象深刻的 Twitter Bootstrap 設(shè)計工具，可讓你在文檔中的特定元素鏈接到其他文件的原型應(yīng)用程序中。你甚至可以有你的用戶通過測試讓你得到盡早的在反饋。

12. Fancyboot

Fancyboot 是一個簡單但功能強大的 Twitter Bootstrap 定制工具，控制的恰到好處，移除了所有不必要的復(fù)雜性。
 

13. Bootstrap Designer

Bootstrap Designer 是一個在線設(shè)計工具，可以制作出很漂亮的基于 Twitter Bootstrap 的 HTML5 模板?？梢詣?chuàng)建不同的設(shè)計風(fēng)格：簡約風(fēng)格，黑白，排版驅(qū)動的，單色的外觀，干凈及創(chuàng)意等。
 

14. Bootsnipp

Bootsnipp 是一個元素畫廊，為網(wǎng)頁設(shè)計師和 Web 開發(fā)人員設(shè)計，任何人使用 Twitter Bootstrap 都會發(fā)現(xiàn)在他們的工作是必不可少的。

 

15. PaintStrap

Paintstrap 讓你可以生成使用漂亮的 Twitter Bootstrap 主題，使用 Adobe Kuler 或者 COLOURlovers 配色。

原文鏈接：http://www.cnblogs.com/lhb25/p/15-best-bootstrap-tools-for-designers.html