码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2015-04-07 17:51:21      阅读:175      评论:0      收藏:0      [点我收藏+]

标签:

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详细教程


注:

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

标签:

原文地址:http://blog.csdn.net/u010403387/article/details/44920493

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!