bootstrap有哪些開發工具

這篇文章主要為大家展示了“bootstrap有哪些開發工具”，內容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領大家一起研究并學習一下“bootstrap有哪些開發工具”這篇文章吧。

bootstrap開發工具：1、Jetstrap；2、Bootply；3、DivShot；4、Bootstrap Magic；5、Layoutit；6、X-editable；7、Grid Displayer；8、GetkickStrap等。

本教程操作環境：Windows7系統、bootsrap3.3.7版、DELL G3電腦

Bootstrap是美國Twitter公司的設計師Mark Otto和Jacob Thornton合作基于HTML、CSS、JavaScript 開發的簡潔、直觀、強悍的前端開發框架，使得 Web 開發更加快捷。Bootstrap提供了優雅的HTML和CSS規范，它即是由動態CSS語言Less寫成。

Bootstrap一經推出后頗受歡迎，一直是GitHub上的熱門開源項目，包括NASA的MSNBC（微軟全國廣播公司）的Breaking News都使用了該項目。 國內一些移動開發者較為熟悉的框架，如WeX5前端開源框架等，也是基于Bootstrap源碼進行性能優化而來。

bootstrap開發工具：

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 應用程序的生命周期中運行的靜態資源集合。

9、Font Awesome

Font Awesome 是一套專門為 Twitter Boostrap 設計的圖標字體庫。這套圖標字體集幾乎囊括了網頁中可能用到的所有圖標，除了包括 Twitter Boostrap 的默認圖標外，還有社交網絡圖標、Web 應用程序圖標和編輯器圖標等等，可以免費用于商業項目。

10、Bootstrap Button Generator

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

11、Easel

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

12、Fancyboot

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

13、Bootstrap Designer

Bootstrap Designer 是一個在線設計工具，可以制作出很漂亮的基于 Twitter Bootstrap 的 HTML5 模板。可以創建不同的設計風格：簡約風格，黑白，排版驅動的，單色的外觀，干凈及創意等。

14、Bootsnipp

Bootsnipp 是一個元素畫廊，為網頁設計師和 Web 開發人員設計，任何人使用 Twitter Bootstrap 都會發現在他們的工作是必不可少的。

15、PaintStrap

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

以上是“bootstrap有哪些開發工具”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！