Bootstrap 已經(jīng)使響應(yīng)式網(wǎng)站開(kāi)發(fā)變得簡(jiǎn)單很多。 但是如果你不必手動(dòng)寫(xiě)全部代碼，事情會(huì)如何呢？ 如果你可以自由地選擇你想要使用的Bootstrap 組件、并可以把它們拖拽到畫(huà)布中，事情會(huì)如何呢？

　　這就是Bootstrap 編輯器的用武之地。

　　Bootstrap 編輯器和生成器使得畫(huà)界面原型、測(cè)試、搭建響應(yīng)式網(wǎng)站變得簡(jiǎn)單。 盡管每一個(gè)編輯器都不同，但是它們都利用Bootstrap 龐大的組件庫(kù)實(shí)現(xiàn)了拖入和移除組件功能。

　　在這篇文章中，我們總結(jié)了一些目前市場(chǎng)上最好的 Bootstrap 編輯器和生成器。 每一個(gè)編輯器都有它獨(dú)特的功能集和定價(jià)（其中一部分是免費(fèi)的），因此最好的選擇依賴于你獨(dú)特的使用場(chǎng)景。

　Bootply

　　Bootply被稱為是Bootstrap的活動(dòng)平臺(tái)。它不但是一個(gè)Bootstrap的編輯器和生成器，同時(shí)也擁有非常廣泛的代碼庫(kù)。該編輯器可以讓你拖拽Bootstrap組件并可以編輯你自己的代碼。

　　Bootply 同時(shí)也整合了其他流行的Bootstrap插件，微型代碼庫(kù)和框架。你也可以借助其他工具的使用像Font Awesome, jQuery + jQuery UI, Bootstrap Select, FuelUX, AngularJS, Google Maps 等等。

　　價(jià)格：免費(fèi) / 每個(gè)月$4可下載源代碼。

　Brix.io

　　Brix 是一個(gè)強(qiáng)大而且時(shí)尚的在線Bootstrap生成器，它能夠幫助你快速的制作響應(yīng)式界面和網(wǎng)站。

　　Brix可生成易于閱讀，格式良好的HTML,CSS和JS為所有托管服務(wù)器或其他編輯器使用。

　　Brix可以讓你和任何地方的團(tuán)隊(duì)成員同時(shí)開(kāi)發(fā)項(xiàng)目。

　　同時(shí)開(kāi)發(fā)和討論可以使工作更加的簡(jiǎn)單，方便和高效。

　　價(jià)格：每個(gè)月$14.90-$49.90

　Jetstrap

　　Jetstrap是 Bootstrap 3的一個(gè)優(yōu)質(zhì)的基于web的界面生成工具，它幫助開(kāi)發(fā)者和設(shè)計(jì)師提高網(wǎng)站的運(yùn)行速度。你可以在任何地方任何設(shè)備上展開(kāi)你的工作。

　　Jetstrap 允許你拖拽 Bootstrap組件到生成器并可用代碼進(jìn)行編輯。標(biāo)記清晰的代碼用法以及復(fù)雜組件的快速應(yīng)用，可以讓你不用深究開(kāi)發(fā)文檔。

　　價(jià)格：每個(gè)月$16-$99

　Divshot

　　Divshot 不僅僅是一款可視化的Bootstrap編輯器，同時(shí)也為開(kāi)發(fā)者提供一個(gè)應(yīng)用級(jí)托管環(huán)境。

　　Bootstrap 生成器能夠讓你自己編寫(xiě)的高質(zhì)量代碼合適的嵌套在每一個(gè)新的組件上。同時(shí)，也支持添加其他流行的CSS框架像Foundation and Racthet。

　　價(jià)格：免費(fèi) / 每個(gè)月$100托管

　Pinegrow

　　Pinegrow 是一個(gè)桌面應(yīng)用，它支持蘋(píng)果、Windows、Linus操作系統(tǒng)，利用多頁(yè)面編輯功能、CSS、LESS 樣式、Bootstrap 、Foundation和其它框架靈活的組件，它可以幫助你更快地畫(huà)出頁(yè)面原型、設(shè)計(jì)頁(yè)面。樣式表編輯器允許你拖入、拖出、重復(fù)、重新排序樣式。

　　Pinegrow 不會(huì)去試著管理你的工作流程。 然而，它是一個(gè)可以節(jié)省工作量和時(shí)間的工具，這一點(diǎn)是有意義的。

　　價(jià)格 ：一次性個(gè)人許可證$49.95。

　LayouIt

　　LayoutIt 是一個(gè)簡(jiǎn)單但是高效的Bootstrap界面生成器，它可以讓你的前端開(kāi)發(fā)更簡(jiǎn)單。你可以從零開(kāi)始或者使用基本的模板開(kāi)始。

　　可以簡(jiǎn)單的把Bootstrap元素拖拽到面板上并可下載HTML。之后，你可以添加你自己的樣式并且可以將它整合到其他編程語(yǔ)言中。

　　價(jià)格：免費(fèi)

　Pingendo

　　Pingendo 是一個(gè)可視化的桌面應(yīng)用程序，它能夠幫助你在Bootstrap的基礎(chǔ)上開(kāi)發(fā)響應(yīng)式網(wǎng)頁(yè)的原型。

　　像大多數(shù)的Bootstrap的生成器一樣，你可以從豐富的集合中添加使用Bootstrap元素到內(nèi)容。你可以從一個(gè)空的面板開(kāi)始或者使用已經(jīng)在集合中準(zhǔn)備好的布局開(kāi)始。之后，你可以拖拽，拉伸和定制你自己的內(nèi)容。

　　價(jià)格：免費(fèi)

　總結(jié)

　　現(xiàn)在你已經(jīng)了解了7個(gè)快速開(kāi)發(fā)響應(yīng)式網(wǎng)站的Bootstrap編輯器。

　　如果你正在使用其中一種編輯器，或者還有其他的編輯器沒(méi)有在以上的列表中，請(qǐng)你在留言板里面留言告訴我們。