7个 Bootstrap 编辑器用于自适应网站的开发

jopen 9年前

Bootstrap已经让响应式网站的开发变得更加简单,但你不得不手动编写代码来添加各种Bootstrap组件。Bootstrap编辑器和构建器能够让开发、设计原型,测试响应式网站变得简便。尽管可能每一个编辑器都有所不同,但都具备对Bootstrap的大量组件实施拖拽构建功能。

Bootply

Bootply - Bootstrap Editor & Playground

Bootply is known as the playground for Bootstrap. It’s not only a Bootstrap editor and builder, but it’s also home to a pretty extensive code repository. The editor enables you to drag and drop Bootstrap components then edit the code as you please.

Bootply is also integrated with other popular Bootstrap plugins, micro-libraries and frameworks. Some of the tools you can leverage are Font Awesome, jQuery + jQuery UI, Bootstrap Select, FuelUX, AngularJS, Google Maps, and much more.

Pricing: Free or $4/month to download source code.

Brix.io

Brix.io - Bootstrap Builder

Brix is a powerful and sleek looking online Bootstrap builder that enables you to create responsive interfaces & websites faster than ever. Brix produces easily readable, smooth and well-formatted HTML, CSS & JS for use with any hosting service or other editor.

Brix also enables you to create projects simultaneously with team members no matter where they are. Concurrent editing and commenting makes collaboration easy, convenient and efficient.

Pricing: $14.90 – $49.90 per month.

Jetstrap

Jetstrap - Bootstrap Interface Builder

Jetstrap is a premium web-based interface building tool for Bootstrap 3 that helps developers and designers get websites up and running fast. Develop for all devices and access your work from anywhere.

Jetstrap allows you to drag and drop Bootstrap components into the builder then edit the code further. Instead of digging through docs, grab snippets of clean markup and quickly use complicated components.

Pricing: $16 – $99 per month.

Divshot

Divshot - Bootstrap Builder

Divshot is not only a visual Bootstrap editor, but also an application-grade hosting environment built for developers.

The Bootstrap builder (known as Architect) enables you to create production quality code that’s properly nested with every new component. It also supports all other popular CSS frameworks like Foundation and Racthet, with new ones being added regularly.

Pricing: Free – $100/month (with hosting).

Pinegrow

Pinegrow - Web Designer

Pinegrow is a desktop app for Mac, Windows & Linux that lets you mockup & design webpages faster with multi-page editing, CSS & LESS styling and smart components for Bootstrap, Foundation and other frameworks. The stylesheet editor lets you attach, detach, duplicate and reorder stylesheets.

Pinegrow doesn’t try to take over your workflow. Rather, it is a tool that can be used to save effort and time, where it makes sense.

Pricing: $49.95 for a one-time personal license.

LayouIt

Layoutit - Interface Builder for Bootstrap

LayoutIt is a simple but effective Bootstrap interface builder to make your front-end coding easier. You can start from scratch or use one of the base templates.

Simply drag and drop the Bootstrap elements onto the canvas and download the HTML. From there, you can add your own styling and integrate it with any programming language.

Pricing: Free

Pingendo

Pingendo - Web Authoring With Comfort

Pingendo is a visual desktop application that helps you to prototype responsive web pages based on Bootstrap.

Like most Bootstrap builders, you can add content from a rich collection of ready to use Bootstrap elements. You can start with a blank canvas or start your pages from a collection of ready to use layouts. From there you can drag, re-size, and customize your contents.

Pricing: Free