Bootstrap線上編輯器簡單分享

標籤：

Bootstrap 已經使響應式網站開發變得簡單很多。 但是如果你不必手動寫全部代碼，事情會如何呢？ 如果你可以自由地選擇你想要使用的Bootstrap 組件、並可以把它們拖拽到畫布中，事情會如何呢？
這就是Bootstrap 編輯器的用武之地。

在這篇文章中，我們總結了一些目前市場上最好的 Bootstrap 編輯器和產生器。 每一個編輯器都有它獨特的功能集和定價（其中一部分是免費的），因此最好的選擇依賴於你獨特的使用情境。

Bootply - Bootstrap Editor & Playground
Bootply被稱為是Bootstrap的活動平台。它不但是一個Bootstrap的編輯器和產生器，同時也擁有非常廣泛的程式碼程式庫。該編輯器可以讓你拖拽Bootstrap組件並可以編輯你自己的代碼。同時也整合了其他流行的Bootstrap外掛程式，微型程式碼程式庫和架構。你也可以藉助其他工具的使用像Font Awesome, jQuery + jQuery UI, Bootstrap Select, FuelUX, AngularJS, Google Maps 等等。
價格：免費 / 每個月$4可下載原始碼。
Brix.io - Bootstrap Builder
Brix 是一個強大而且時尚的線上Bootstrap產生器，它能夠協助你快速的製作響應式介面和網站。可產生易於閱讀，格式良好的HTML,CSS和JS為所有託管伺服器或其他編輯器使用。可以讓你和任何地方的團隊成員同時開發項目。同時開發和討論可以使工作更加的簡單，方便和高效。
價格：每個月$14.90-$49.90
Jetstrap - Bootstrap Interface Builder
Jetstrap是 Bootstrap 3的一個優質的基於web的介面產生工具，它協助開發人員和設計師提高網站的運行速度。你可以在任何地方任何裝置上展開你的工作。允許你拖拽 Bootstrap組件到產生器並可用代碼進行編輯。標記清晰的代碼用法以及複雜組件的快速應用，可以讓你不用深究開發文檔。
價格：每個月$16-$99
Divshot - Bootstrap Builder
Divshot 不僅僅是一款可視化的Bootstrap編輯器，同時也為開發人員提供一個應用級託管環境。Bootstrap 產生器能夠讓你自己編寫的高品質代碼合適的嵌套在每一個新的組件上。同時，也支援添加其他流行的CSS架構像Foundation and Racthet。
價格：免費 / 每個月$100託管
Pinegrow
Pinegrow 是一個案頭應用，它支援蘋果、Windows、Linus作業系統，利用多頁面編輯功能、CSS、LESS 樣式、Bootstrap 、Foundation和其它架構靈活的組件，它可以協助你更快地畫出頁面原型、設計頁面。樣式表編輯器允許你拖入、拖出、重複、重新排序樣式。不會去試著管理你的工作流程。 然而，它是一個可以節省工作量和時間的工具，這一點是有意義的。
價格 ：一次性個人許可證$49.95。
Layoutit - Interface Builder for Bootstrap
LayoutIt 是一個簡單但是高效的Bootstrap介面產生器，它可以讓你的前端開發更簡單。你可以從零開始或者使用基本的模板開始。可以簡單的把Bootstrap元素拖拽到面板上並可下載HTML。之後，你可以添加你自己的樣式並且可以將它整合到其他程式設計語言中。
價格：免費
Pingendo - Web Authoring With Comfort
Pingendo 是一個可視化的傳統型應用程式，它能夠協助你在Bootstrap的基礎上開發響應式網頁的原型。
像大多數的Bootstrap的產生器一樣，你可以從豐富的集合中添加使用Bootstrap元素到內容。你可以從一個空的面板開始或者使用已經在集合中準備好的布局開始。之後，你可以拖拽，展開和定製你自己的內容。
價格：免費

Bootstrap線上編輯器簡單分享