7 款 Bootstrap 在线框架编辑器

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

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

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

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

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

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

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

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

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

Bootply