在线Bootstrap（前端框架)编辑器

Bootstrap，来自 Twitter，是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。

下面给大家推荐一个在线Bootstrap 可视化布局系统编辑器。

链接：点我

点击链接进入编辑器，上方为工具栏，选择编辑操作，左侧为工具栏，可以根据需要添加组件，右边为编辑页面。

完成编辑后，可以点击工具栏中的预览查看无误后，点击下载，复制代码。

该代码正确运行需要jquery文件、bootstrap的js与css文件。

<link href="http://www.w3cschool.cc/try/bootstrap/layoutit/css/bootstrap-combined.min.css" rel="stylesheet">
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js">
<!--<span>bootstrap-combined.min.css</span><span> =</span><span> bootstrap.min.css</span><span> +</span><span> bootstrap-responsive.min.css</span>(the responsive Bootstrap styles)-->

以上三个是代码得以正确实现的引用。

Bootstrap详细教程

注：