推薦15款最好的 Twitter Bootstrap 開發工具

2014-05-06 10:14:07

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

Twitter Bootstrap 自從2011年最初發布到網上后，迅速成為 Web 領域***的響應式前端開發框架之一，是網頁設計的優秀實踐。Twitter Bootstrap 框架包含了眾多的預定義風格的組件，插件和加載項。

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

1. Jetstrap

Jetstrap 是一個完全基于 Web 的，用于 Twitter Bootstrap 的界面構建工具，專為開發人員，設計師和打造。Jetstrap 幫助您快速創建出漂亮網站，只需要花費很少的精力。

2. Bootply

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

3. DivShot

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

4. Bootstrap Magic

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

5. Layoutit

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

6. X-editable

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

7. Grid Displayer

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

8. GetkickStrap

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