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

3款强大的BootStrap的可视化制作工具推荐

时间:2015-09-05 14:57:55      阅读:198      评论:0      收藏:0      [点我收藏+]

标签:

http://www.25xt.com/html5css3/7342.html

 

 

25学堂看到最近很多朋友在学习Bootstrap前端主题框架。顾让25学堂的小编给大家找来了3款适合Bootstrap初学者使用的可视化工具。希望对大家有所帮助。

第一款Bootstrap的可视化制作工具:Jetstrap

Jetstrap是一个基于 Bootstrap 前端框架的可视化设计工具。

通过 Jetstrap制作出来的网页 100% 符合 Bootstrap 标准。比如说你只要设计了电脑端的页面,它会自动适配手机端和 Pad 端(响应式设计)。

技术分享

下面我们来看看的一段关于Jetstrap的视频操作:

 

工具官网酷站网 址:https://jetstrap.com/

 

 

第二款Bootstrap可视化编辑器工具-LayoutIt

简单的几个拖放操作就能做出漂亮的 Twitter Bootstrap 网站?是的,LayoutIt 是一个 Twitter Bootstrap 界面生成器,能够帮助你快速制作出网站和界面模型,同时能够下载生成的网站代码。

技术分享

工具官网酷站网址:http://www.bootcss.com/p/layoutit/

 

 

 

第三款Bootstrap的可视化制作工具:bootswatchr

bootswatchr是从地面上创建一个自定义的BootStrap主题的可视化工具。最大的方便就是 我们可以在左侧修改css或者html代码,然后修改结果会直接会显示在右侧。

更重要是一个在线编辑和免费生成Bootstrap主题的酷站。

技术分享

工具官网酷站地址:http://bootswatchr.com/

3款强大的BootStrap的可视化制作工具推荐

标签:

原文地址:http://www.cnblogs.com/tc310/p/4783135.html

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