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

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

1. Jetstrap

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

2. Bootply

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

3. DivShot

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

4. Bootstrap Magic

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

5. Layoutit

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

6. X-editable

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

 

7. Grid Displayer

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

 

8. GetkickStrap

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

9. Font Awesome

Font Awesome 是一套專門為 Twitter Boostrap 設(shè)計(jì)的圖標(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)等等，可以免費(fèi)用于商業(yè)項(xiàng)目。
 

10. Bootstrap Button Generator

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

11. Easel

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

12. Fancyboot

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

13. Bootstrap Designer

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

14. Bootsnipp

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

 

15. PaintStrap

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

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