7 款 Bootstrap 在线框架编辑器

Bootstrap 已经大大简化响应式 web 开发，但是，如果再加上不用手动一点点敲代码，而是可以快速选择你想要使用的 Bootstrap 组件，然后直接将其拖进你的画板中，开发是否会变得更加轻松？！

这便是所谓的所见即所得（What you see is what you get，WYSIWYG）开发模式，能帮你达成这一切的，便是“所见即所得编辑器”。

所见即所得编辑器通常分为以下两大类：

1. 富文本编辑器
2. 框架编辑器

富文本编辑器侧重于网页中大块连续文本的格式编辑，基本编辑样式包括：字体、颜色、列表、链接、图片等等，一般所生成的内容都是作为网页的主体展示给用户。

框架编辑器则用于快速搭建网页的整体布局，操作时，更多的是组件的选择与拖放，以达到高效、批量地生产静态页面的目的，一般可操作的组件有：导航、列、行、面板等等。

本文会将所有流行的 Bootstrap 框架编辑器集中介绍给大家。

而在另一篇文章中，将会重点介绍上述提及的富文本编辑器，详见：

Bootstrap 在线富编辑器：http://classfoo.com/ccby/article/e3KsbU8

注意！本文中的所有网址都来自对应插件的官方网站，可能需要代理才能访问。

• Bootply

  • Ethan 编辑于 04-11
  • 版本0
  • 评论0

  

  Bootply 因被大量用于基于 Bootstrap 功能或样式的演示而广为人知。

  该编辑器允许你任意的拖拽、放置 Bootstrap 组件以生成你想要的页面。

  其实它不仅可以作为 Bootstrap 编辑器或生成器，它还可以用来编辑其它多款开源 web 界面框架。

  官网：http://www.bootply.com/

  在线编辑：http://www.bootply.com/new

  是否收费：在线免费，或按 $4/月 使用其代码。

• LayouIt

  • Ethan 编辑于 04-11
  • 版本0
  • 评论0

  

  LayouIt 是一个简单但非常高效的 Bootstrap 界面生成器，你可以随意拖放组件或从一些基本模版开始快速创建 Bootstrap 页面。

  官网：http://www.layoutit.com/

  是否收费：免费

• Brix

  • Ethan 编辑于 04-11
  • 版本0
  • 评论0

  

  官网：http://brix.io/

  是否收费：$14.90 – $49.90 每月

• Jetstrap

  • Ethan 编辑于 04-11
  • 版本0
  • 评论0

  

  官网：https://jetstrap.com/

  是否收费：$16 – $99 每月

• Divshot

  • Ethan 编辑于 04-11
  • 版本0
  • 评论0

  

  官网：https://divshot.com/

  是否收费：免费

• Pinegrow

  • Ethan 编辑于 04-11
  • 版本0
  • 评论0

  

  官网：http://pinegrow.com/

  是否收费：$49.95 个人永久使用证书

• Pingendo

  • Ethan 编辑于 04-11
  • 版本0
  • 评论0

  

  Pingendo 是个可视的桌面应用程序，以帮助您创建基于 Bootstrap 的响应式页面。

  官网：http://www.pingendo.com/

  是否收费：免费