推荐15款最好的 Twitter Bootstrap 开发工具

简介:   Twitter Bootstrap 自从2011年最初发布到网上后,迅速成为 Web 领域最流行的响应式前端开发框架之一,是网页设计的优秀实践。Twitter Bootstrap 框架包含了众多的预定义风格的组件,插件和加载项。

  Twitter Bootstrap 自从2011年最初发布到网上后,迅速成为 Web 领域最流行的响应式前端开发框架之一,是网页设计的优秀实践。Twitter Bootstrap 框架包含了众多的预定义风格的组件,插件和加载项。

  在这篇文章中,我们想向大家介绍15款最好的 Twitter Bootstrap 开发工具以更好地满足要求以及帮助提高他们的 Web 开发的生产力。

您可能感兴趣的相关文章

 

1. Jetstrap

Jetstrap 是一个完全基于 Web 的,用于 Twitter Bootstrap 的界面构建工具,专为开发人员,设计师和打造。Jetstrap 帮助您快速创建出漂亮网站,只需要花费很少的精力。
 

2. Bootply

Bootply 让你可以方便的调试 Bootstrap。编辑 CSS ,HTML 和 JavaScript。可以使用 Bootply 设计,原型,扩展或测试 Bootstrap 框架。Bootply 集成了其他流行的  Bootstrap 插件,微型库和框架。
 

3. DivShot

divshot

Divshot 是一个基于拖放的前端编辑器,允许你使用 Twitter Bootstrap(当然 Foundation 也可以)建立响应式的网站,不需要自己动手编码,只需要进行简单的拖放操作即可。
 

4. Bootstrap Magic

bootstrap magic

Bootstrap Magic 主题生成器基于 Twitter Bootstrap 3 和 AngularJS 构建。您可以轻松快速地创建您自己的 Twitter Bootstarp 主题。你可以立即看到你正在改变的内容是什么,您还可以添加来自 Google Webfont 的精美网页字体。
 

5. Layoutit

LayoutIt

LayoutIt 是一个 Twitter Bootstrap 界面生成器,能够帮助你快速制作出网站和界面模型,同时能够下载生成的网站代码。简单的几个拖放操作就能做出漂亮的 Twitter Bootstrap 网站。所有的设计都可以是响应式 CSS 和流体,能够份容易与任何的编程语言集成,您只需下载 HTML 即可开始编码设计。

 

6. X-editable

x-editable

X-editable 支持就地编辑 Twitter Bootstrap, jQuery UI 或纯 jQuery。这个库允许你在自己的网页上创建可编辑元素。它包括弹出式和内嵌模式。它支持的输入元素包括文字,文本区域,下拉列表,日期, dateui 和 checklist。它支持客户端和服务器端验证。另外容器的位置是完全可定制的,用户可以通过单击,双击自动或手动切换。

7. Grid Displayer

grid-displayer

Grid Displayer 是一个书签工具,可以用于显示 Twitter Bootstrap(固定和流体网格)和 Foundation( 2.0 和 3.0 )的网格 。它支持 Firefox 和 WebKit 核心的浏览器。

8. GetkickStrap

getKickstrap

Kickstrap 完美结合 Bootstrap,采用顶级的 Web 技术。它可以运行经过验证的,数据库驱动的 Web 应用程序,不需要原生后台。Kickstrap 结合 JSPM.io 提供了建立在 Require.js 的强大的前端软件包的依赖关系。 Kickstrap 应用程序是可以在任何时间在 Web 应用程序的生命周期中运行的静态资源集合。
 

9. Font Awesome

Font Awesome

Font Awesome 是一套专门为 Twitter Boostrap 设计的图标字体库。这套图标字体集几乎囊括了网页中可能用到的所有图标,除了包括 Twitter Boostrap 的默认图标外,还有社交网络图标、Web 应用程序图标和编辑器图标等等,可以免费用于商业项目。
 

10. Bootstrap Button Generator

Bootstrap Button Generator

这是一款很好用的 Twitter Bootstrap 按钮生成工具,你只需要输入你要分配的新的按钮样式,并与不同的按钮颜色搭配,更新就可以即时预览。

 

11. Easel

Easel

Easel 是一个令人印象深刻的 Twitter Bootstrap 设计工具,可让你在文档中的特定元素链接到其他文件的原型应用程序中。你甚至可以有你的用户通过测试让你得到尽早的在反馈。

 

12. Fancyboot

Fancyboot

Fancyboot 是一个简单但功能强大的 Twitter Bootstrap 定制工具,控制的恰到好处,移除了所有不必要的复杂性。
 

13. Bootstrap Designer

bootstrap designer

Bootstrap Designer 是一个在线设计工具,可以制作出很漂亮的基于 Twitter Bootstrap 的 HTML5 模板。可以创建不同的设计风格:简约风格,黑白,排版驱动的,单色的外观,干净及创意等。
 

14. Bootsnipp

bootsnipp

Bootsnipp 是一个元素画廊,为网页设计师和 Web 开发人员设计,任何人使用 Twitter Bootstrap 都会发现在他们的工作是必不可少的。

15. PaintStrap

Paintstrap 让你可以生成使用漂亮的 Twitter Bootstrap 主题,使用 Adobe Kuler 或者 COLOURlovers 配色。
 

 

英文链接:15 Best Bootstrap Tools for Designers

编译来源:梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源

作者:山边小溪
主站:yyyweb.com 记住啦:)
欢迎任何形式的转载,但请务必注明出处。

相关文章
|
JavaScript 前端开发 HTML5
12个免费的 Twitter Bootstrap 后台模板
  在互联网上提供很多免费的 Bootstrap 管理后台主题。所有你需要做的就是将它们下载并安装它们,这真的不是什么难事。问题是如何寻找到能够完美符合您的网站需求的主题。当然,你可以自己制作自定义的主题,但时间和资源都是很高贵的,所以在这里我们集合了互联网上一些最好的主题。
1714 0
|
前端开发 iOS开发 JavaScript
11款扁平化设计的 Twitter Bootstrap 主题和模板
  扁平化设计和 Bootstrap 框架是2013年网页设计领域的两大设计潮流。把这两者集合起来不是件容易的事情,使用下面这些主题和模板将节省我们的开发时间,因为我们可以修改已有的基础代码,而不是从零开始。
1310 0
|
JavaScript 前端开发 HTML5
免费下载!Twitter Bootstrap V3 矢量界面素材
  Bootstrap 3 Vector UI Kit 包含所有矢量格式的 Twitter Bootstrap 3 界面控制元素、Glyphicons 以及额外的一些界面素材,而且基本的图形元素都切好图了,代码也有了,特别适合用于 Web 原型设计和后台管理应用程序界面设计。
792 0
|
Web App开发 JavaScript 前端开发
Twitter Bootstrap 3.0 正式发布,更好地支持移动端开发
  Twitter Bootstrap 3.0 终于正式发布了。这是一个圆滑的,直观的和强大的移动优先的前端框架,用于更快,更容易的 Web 开发。几乎一切都已经被重新设计和重建,更好的支持移动端设备。
1032 0
|
前端开发 JavaScript 数据可视化
强大!基于拖放布局的 Twitter Bootstrap 网站生成器
  简单的几个拖放操作就能做出漂亮的 Twitter Bootstrap 网站?是的,LayoutIt 是一个 Twitter Bootstrap 界面生成器,能够帮助你快速制作出网站和界面模型,同时能够下载生成的网站代码。
1046 0
|
JavaScript 前端开发
Flat UI – 基于 Twitter Bootstrap 的扁平风格 UI 工具包
  Flat UI Free 是一套精美的扁平风格 UI 工具包,基于 Twitter Bootstrap 实现。这套界面工具包包含许多基本的和复杂的 UI 部件,例如按钮,输入框,组合按钮,复选框,单选按钮,标签,菜单,进度条和滑块,导航元素等等。
1059 0
|
JavaScript 前端开发 .NET
最全的 Twitter Bootstrap 开发资源清单
http://www.oschina.net/news/35251/twitter-bootstrap-resources Bootstrap是Twitter推出的一个开源的用于前端开发的工具包,由Twitter的设计师Mark Otto和Jacob Thornton合作开发。
1362 0
|
前端开发 JavaScript Python
向Web开发人员推荐12款优秀的 Twitter Bootstrap 组件和工具
  Bootstrap 是基于 HTML,CSS 和 JavaScript 的简洁灵活的流行前端框架及交互组件集,由微博的先驱 Twitter 在2011年8月开源的整套前端解决解决方案。Bootstrap 有非常完备和详尽的开发文档,Web 开发人员能够轻松搭建出清爽风格的界面以及实现良好的交互效果。
1397 0
|
前端开发 JavaScript UED
Twitter Bootstrap 中文帮助文档/中文手册/中文教程
  Bootstrap 是基于 HTML,CSS,JavaScript 的简洁灵活的流行前端框架及交互组件集,由微博的先驱 Twitter 在2011年8月开源的整套前端解决解决方案。Bootstrap 有非常完备和详尽的使用帮助文档,热心的 @TV来客开发者 翻译成了中文,讨厌英文的朋友有福了。
1220 0