猎场爱奇艺更新时间会员员才可以先看,还有什么可以先看的,或者借用一下

15 个最好的 Bootstrap 设计工具推荐 - Web前端 - ITeye资讯
相关知识库:
是由前Twitter设计师Mark Otto和Jacob Thornton开发的前端工具包,其提供了优雅的HTML和CSS规范。Bootstrap不单单是一个框架,更确切的说,它改变了整个游戏规则。该框架使得许多应用和网站的设计开发变得简便许多,而且它将大量的HTML框架普及成了产品。
本文为你带来15款针对Bootstrap框架的开发工具,可以帮助你更轻松地使用Bootstrap来构建想要的应用。
Layoutit是一个在线工具, 它可以简单而又快速搭建Bootstrap响应式布局,操作基本是使用拖动方式来完成,很简单,而元素都是基于Bootstrap框架集成的, 所以这工具很适合Web设计师和前端开发人员使用,快捷方便。
X-editable能够让你在页面上创建可编辑的元素,它能够使用任何引擎,比如Bootstrap、jQuery-UI、jQuery),并且包含弹出式和内联模式。
这是一个针对Bootstrap框架的可视化制作工具,Web开发者、设计师直接在网页端拖拽各个组件就可以制作出漂亮的网页。通过Jetstrap制作出来的网页100%符合Bootstrap标准,你只要设计了电脑端的页面,它会自动适配手机端和Pad端(响应式设计)。
Grid Displayer是一个可以显示Twitter Bootstrap网格(固定和浮动网格)和Foundation(2.0 和3.0版本)的小工具。可以在Firefox和基于Webkit的浏览器中使用。
通过Bootply可以非常轻松地基于Bootstrap来进行设计、开发原型、扩展和测试等。Bootply可与其他流行的Bootstrap插件、微框架和库进行整合。
Divshot是一个在线网站,允许开发者通过可视化方式进行Web界面的设计,并直接生成HTML和CSS代码。该工具提供常用的Web UI组件,界面基于Bootstrap框架构建,生成的界面也基于Bootstrap框架运行。
Bootstrap Magic 是一款基于 Bootstrap 和 AngularJS 的主题创建工具,开发者可以轻松地创建自己的 Twitter Bootstrap 主题,并可以立即看到内容变化。还可以添加来自Google Webfont 的很棒的网页字体。
Kickstrap无缝整合了Bootstrap和顶级Web技术,无需一个本地后端即可运行一个已验证的、数据库驱动的Web应用程序。用户还可以使用JSPM.io提供的强大的、基于Require.js构建的前端包依赖管理工具。
Font Awesome是一套专为Twitter Bootstrap设计的图标字体,几乎囊括了网页中可能用到的所有图标,这些图标通过Web Font的方式来显示,可以被任意缩放、改变颜色,你可以像修改文字样式那样来修改图标样式。
通过Bootstrap Button Generator,你只需输入你想指定给新按钮的样式的CSS类,并简单调整图标的颜色,即可获得新的图标。
Paintstrap允许你使用Adobe kuler / COLOURlovers颜色方案来生成漂亮的Twitter Bootstrap主题。
Fancyboot 是个非常有用的Bootstrap自定义工具,通过滑动菜单可以选择需要使用的插件和组件,当用户做好了相应的修改,可以下载一个包含用户所使用的 jQuery 插件的编译好的和简化后的 CSS 文件。
Bootstrap Designer是一个在线设计工具,可以帮你生成漂亮的基于Bootstrap框架的HTML5模板。
Bootsnipp是一个针对Web设计师和开发者的前端元素库,任何使用Bootstrap框架的开发者都可以找到所需的Web元素。
Easel是一个针对Bootstrap的基于浏览器的设计工具,可以帮助你快速制作出产品原型页面。Easel能够创建元素,如组合文本框、图形或表格等,并且复制和修改也很容易。同时控制台还配备了一套现成的按钮、表单和图标,直接拖拽就能使用。你还可以建立一个自己的常用小工具库,这样使用起来更快捷。
去找开源破解的
就Easel好用点
基本都是收费的,Easel挺简便的
dsjt 写道都是在线的工具吗部分是在线工具
都是在线的工具吗8个强大的基于Bootstrap的CSS框架
8个强大的基于Bootstrap的CSS框架
做过前端开发的小伙伴们应该对Bootstrap不会陌生,它是由Twitter推出的开源CSS框架,其中包含了很多Web前端开发的工具包和应用组件。当然,和jQuery一样,Bootstrap同时也是一个开放式的CSS框架,基于Bootstrap,我们也可以做许多不错的CSS UI组件。本文就介绍了8个强大的基于Bootstrap的CSS框架,一起来看看。
1、 - 基于Bootstrap的后台管理面板
这是一款基于Bootstrap的Metro风格的后台管理面板应用,Bootstrap Metro Dashboard的UI是基于Twitter Bootstrap样式的,同时使用了jQuery 1.9.1和jQuery UI组件,非常适合做网站的后台管理系统界面。
官方网站:
2、 - 基于 Bootstrap 的 UI 扩展
StyleBootstrap是一款基于Bootstrap的开源UI框架,目前基于Bootstrap风格的扩展插件很多,比如Bootswatch、BootMetro等,这些之前我们都有做过介绍。StyleBootstrap应该说是对Bootstrap样式风格的一种扩展,除了一些基本的按钮、表单、菜单之外,StyleBootstrap还设计了功能全面的颜色拾取器,非常不错。
官方网站:
3、 - 基于HTML5的CSS框架组件
BootFlat 是一款基于 Bootstrap 的 Flat UI 组件,跟原生的Bootstrap框架相比,BootFlat提供了更多的页面组件,同时增加了页面布局功能。与Flat UI相比更为突出的是BootFlat可以帮助你更快速的利用HTML5实现Web App开发。
官方网站:
4、jQuery Mobile Bootstrap Theme - jQuery移动端主题框架
jQuery Mobile Bootstrap Theme是一款基于jQuery和Bootstrap的移动端主题框架,有着非常精美的UI界面和简洁的操作控件。之前介绍过的 jQuery UI Bootstrap 主要是PC端的主题框架,跟jQuery UI Bootstrap相比,jQuery Mobile Bootstrap Theme的体积更小,控件更适合移动端的操作习惯。
官方网站:
5、 - 在jQuery UI上集成Bootstrap
jQuery UI Bootstrap是一个将jQuery UI集成到Bootstrap上的CSS框架,jQuery UI Bootstrap不仅可以利用jQuery UI强大的控件库,同时还可以享受Bootstrap那种清新自然的主题风格,所以越来越多的前端开发者都在使用jQuery UI Bootstrap。
官方网站:
6、 - 免费的 Bootstrap 主题包
Bootswatch 是一款基于 Bootstrap 的免费主题包,其中包含了丰富的 Bootstrap 主题,你可以下载安装这些主题的 CSS 文件,实现各种各样漂亮的 Bootstrap 主题风格。
官方网站:
7、 - 基于 Bootstrap 的 Metro 风格 CSS 框架
和Flat UI一样,BootMetro同样也是一款基于Bootstrap的CSS框架,BootMetro的最大特点在于它是一款Win 8 Metro风格的CSS框架。Metro风格的优势在于界面简洁平滑,UI元素简单,加载速度快,并且有不错的视觉效果。
官方网站:
8、 - 基于 Bootstrap 的扁平化 UI 开发包
Flat UI是一款基于Bootstrap的扁平化前端UI工具包,Flat UI的组件外观设计非常清新和漂亮,Flat UI的组件包含按钮,输入框,组合按钮,复选框,单选按钮,标签,菜单,进度条和滑块等精美的元素。
官方网站:
对于CSS框架和Bootstrap相关的资源,码农网将进一步为您收集和整理,欢迎继续关注。
原文链接:
作者:码农网 – 小峰
分享即可 +1积分
请登录后,发表评论
评论(Enter+Ctrl)
评论加载中...
评论加载中...
你必须只有内心丰富,才能摆脱这些生活表面的相似。
作者的热门手记
Copyright (C)
All Rights Reserved | 京ICP备 号-2前端学习者必须掌握的Bootstrap框架,一套Bootstrap视频分享_bootstrap吧_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名:今日本吧第个签到,本吧因你更精彩,明天继续来努力!
本吧签到人数:0成为超级会员,使用一键签到本月漏签0次!成为超级会员,赠送8张补签卡连续签到:天&&累计签到:天超级会员单次开通12个月以上,赠送连续签到卡3张
关注:12,421贴子:
前端学习者必须掌握的Bootstrap框架,一套Bootstrap视频分享收藏
Bootstrap,html5+css3,JavaScript进阶,ajax进阶视频群内分享我开始做这个网站的前端的时候,我不会 Bootstrap。一开始看的时候是比较烦,总觉得怎么这么多东西啊,有点乱,找不到自己想要的东西在哪。差不多花了一两天时间吧,然后就开始慢慢理顺了。我觉得最重要的是,你要懂的 Bootstrap 有什么,你要能快速找到你需要的东西 Bootstrap 在哪里!当初熟悉 Bootstrap ,达到上面说的这样的程度。基本上就是看了一两天的教程(并没有一直看啊,大概几个小时啊)。我看得好像是中文的这个教程,也就是把 Getting started & Css & Components 三个部分的都(全部)浏览一遍。不需要记得代码,也不需要记得实现方式。你重点要记得它有什么功能,能够实现什么,以及这个教程的框架!!
登录百度帐号推荐应用
为兴趣而生,贴吧更懂你。或

我要回帖

更多关于 猎场爱奇艺几点更新 的文章

 

随机推荐