摘要:Bootstrap不单单是一个框架,更确切的说,它改变了全体游戏规则。该框架让众多下及网站的统筹出变得简便许多,而且它将大量底HTML框架普及成了出品。

Bootstrap大凡由于前Twitter 设计师Mark
Otto和Jacob
Thornton开发之前端工具确保,其提供了优雅的HTML和CSS规范。Bootstrap不单单是一个框架,更确切的说,它改变了周游戏规则。该框
架使得许多用与网站的计划性开变得简便许多,而且其以大气之HTML框架普及成了活。 

正文也汝带来15款针对Bootstrap框架的开发工具,可以辅助您再次自在地运Bootstrap来构建想只要的行使。 

1.Layoutit 

Layoutit是一个在线工具,
它可以大概而与此同时很快搭建Bootstrap响应式布局,操作基本是使用拖动方式来完成,很简单,而要素还是基于Bootstrap框架集成的,
所以这家伙十分合乎Web设计师和前端开发人员采用,快捷便利。 

图片 1

2.X-editable

X-editable能够让您以页面及创立而编制的因素,它能使外引擎,比如Bootstrap、jQuery-UI、jQuery),并且包含弹出式和内联模式。 

图片 2

3.Jetstrap 

旋即
是一个对Bootstrap框架的可视化制作工具,Web开发者、设计师直接当网页端拖拽各个零部件就可以制造有了不起的网页。通过Jetstrap制作出
来的网页100%相符Bootstrap标准,你若筹了微机端的页面,它见面自动适配手机端和Pad端(响应式设计)。 

图片 3

4.Grid
Displayer

Grid Displayer是一个方可展示Twitter
Bootstrap网格(固定与转网格)和Foundation(2.0
和3.0版本)的略器。可以于Firefox和冲Webkit的浏览器被使用。 

图片 4

5.Bootply

经Bootply可以死轻松地基于Bootstrap来展开规划、开发原型、扩展及测试相当。Bootply可及任何流行的Bootstrap插件、微框架和仓库进行结合。 

图片 5

6.Divshot

Divshot是一个在线网站,允许开发者通过可视化方式进行Web界面的设计,并一直生成HTML和CSS代码。该工具提供常用之Web
UI组件,界面基于Bootstrap框架构建,生成的界面也根据Bootstrap框架运行。 

图片 6

7.Bootstrap Magic

Bootstrap
Magic是平慢性基于Bootstrap和AngularJS的主题创建工具,开发者可以轻松地创造自己之
Twitter Bootstrap主题,并可以立刻看到内容变更。还好长来自Google
Webfont 的老硬的网页字体。 

图片 7

8.GetkickStrap **

Kickstrap无缝整并了Bootstrap和顶级Web技术,无需一个地面后端即可运行一个就证明的、数据库让之Web应用程序。用户还可以以JSPM.io提供的有力的、基于Require.js构建的前端包依赖管理工具。 

图片 8

9.Font Awesome

Font Awesome是一模一样模仿专为Twitter
Bootstrap设计之图标字体,几乎囊括了网页中或为此到之兼具图标,这些图标通过Web
Font的主意来显示,可以被任意缩放、改变颜色,你可像修改文字样式那样来修改图标样式。 

图片 9

10.Bootstrap Button Generator

透过Bootstrap Button
Generator,你只待输入而想指定为新按钮的体的CSS类,并略调整图标的水彩,即可取得新的图标。 

图片 10

11.Paintstrap

Paintstrap允许而利用Adobe kuler /
COLOURlovers颜色方案来转漂亮的Twitter Bootstrap主题。 

图片 11

12.Fancyboot 

Fancyboot
是只很实用的Bootstrap自定义工具,通过滑行菜单可以择用运用的插件与组件,当用户做好了对应的修改,可以下载一个带有用户所用的
jQuery 插件的编译好之以及简化后底 CSS 文件。 

图片 12

13.Bootstrap Designer

Bootstrap
Designer是一个在线设计工具,可以辅助你别漂亮的基于Bootstrap框架的HTML5模板。 

图片 13

14.Bootsnipp

Bootsnipp是一个对准Web设计师以及开发者的前端元素库,任何利用Bootstrap框架的开发者都得以找寻到所欲的Web元素。

图片 14

15.Easel

Easel
是一个针对Bootstrap的依据浏览器的宏图工具,可以助您快速制作出产品原型页面。Easel能够创立元素,如结合文本框、图形或表格等,并且复
制和改动为死容易。同时控制高还布置了一致效仿现成的按钮、表单和图标,直接拖拽就可知应用。你还可起一个团结的常用小工具库,这样用起来重新快速。 

图片 15

来自:designgeekz

相关文章

网站地图xml地图