推荐15款最好的 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 是一个基于拖放的前端编辑器,允许你使用 Twitter Bootstrap(当然 Foundation
也可以)建立响应式的网站,不需要自己动手编码,只需要进行简单的拖放操作即可。

4. Bootstrap Magic

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

5. Layoutit

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

6. X-editable


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

7. Grid Displayer

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

8. GetkickStrap

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

9. Font Awesome

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

10. Bootstrap Button Generator

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

11. Easel


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

12. Fancyboot


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

13. Bootstrap Designer

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

14. Bootsnipp

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

15. PaintStrap

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

您可能感兴趣的相关文章

英文链接:15 Best Bootstrap Tools for Designers

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

本文来自【梦想天空(http://www.cnblogs.com/lhb25/)】

时间: 2024-07-31 14:26:17

推荐15款最好的 Twitter Bootstrap 开发工具的相关文章

15款很棒的 JavaScript 开发工具

在开发中,借助得力的工具可以事半功倍.今天,我爱互联网向大家分享最新收集的15款非常有用的 javascript 开发工具. TestSwarm: Continious & Distributed JS Testing TestSwarm是Mozilla实验室推出的一个开源项目,它旨在为开发者提供在多个浏览器版本上快速轻松测试自己javascript代码的方法. Minimee在网络上,速度是很重要的,Minimee能帮助你将css和javascript文件进行自动压缩和打包. Doctor J

推荐10款最常用的Android开发工具

推荐10款最常用的Android开发工具 我们使用各种语言进行开发时,总是会用到各种各样的开发工具.有些开发工具是开发人员的必备品,有些则是为了提高开发效率而用.Android开发同样也会用到多种开发工具,供开发人员设计.创建.测试和发布程序时使用.下面向大家推荐十款常用的Android开发工具. 1.Eclipse w/ADT 虽然Eclipse并非唯一可用于开发Android应用的Java开发环境,但它是目前最欢迎的工具,有很大程度上是因为它的成本很低(免费),但最主要的原因还是它与其他An

推荐10款非常优秀的 HTML5 开发工具

HTML5 发展如火如荼,随着各大浏览器对 HTML5 技术支持的不断完善以及 HTML5 技术的不断成熟,未来 HTML5 必将改变我们创建 Web 应用程序的方式.今天这篇文章向大家推荐10款优秀的HTML5开发工具,帮助你更高效的编写 HTML5 应用. Initializr Initializr 是制作 HTML5 网站最好的入门辅助开发工具,你可以使用提供的特色模板快速生成网站,也可以自定义,Initializr 会为你生成代码简洁的可定制的网页模板. → 访问 Initializr

推荐15款最佳的 jQuery 分布引导插件

当用户浏览到一个网站,它可能从不知道如何浏览,如何操作网站或 Web 应用程序的内容和流程.在这篇文章中,我们编制了一些最好的 jQuery 引导插件列表.你会发现这些插件对于提高你的网站的整体用户体验真正有用,将引导您轻松创建网站的指引功能,并帮助您自定义并实现令人惊叹的外观. 您可能感兴趣的相关文章 网站开发中很有用的 jQuery 效果[附源码] 分享35个让人惊讶的 CSS3 动画效果演示 十分惊艳的8个 HTML5 & JavaScript 特效 Web 开发中很实用的10个效果[源码

推荐几款画韦恩图的在线工具

(1)http://bioinformatics.psb.ugent.be/webtools/Venn/ 操作简单,不仅画出了韦恩图,还很贴心的给出了数据统计的结果并列出了各个部分对应的ID,且提供直接下载.缺点是颜色和大小不可调. (2)http://bioinfogp.cnb.csic.es/tools/venny/index.html 这款比较漂亮,操作也很简单,但是不能根据列表大小调整生成的圆圈大小. (3)http://www.cs.kent.ac.uk/people/staff/pj

15款不容错过的前端开发Javascript和css类库 - 2017版本~

前端的JS和CSS类库日新月异, 在今天这篇介绍中,我们将精挑细选15款超棒的JS/CSS类库, 希望大家在开发过程中会觉得有帮助~ Core UI 基于Bootstrap4的一套UI类库, CoreUI是一套admin的管理模板,提供了高定制化的解决方案来创建控制模板和平台. 这有几种不同的版本帮助你快速的整合最流行的框架,比如, AngularJS, React.jS,Vue.jS等等 React Trend 来自Unsplash的一个react版本的组件,用来方便的创建线图,可以方便的展示

推荐15款创建漂亮幻灯片的 jQuery 插件

对于设计师,开发者,摄影师或任何创造性的个人和企业,他们自己的网站是展示他们的技能和服务的最佳场所.你可能打算设计一个新的个人作品网站,不管你是从头开始或使用模板,都会需要使用 jQuery 幻灯片插件,以美丽夺目的方式显示的作品. 网络上有很多的 jQuery 幻灯片插件,很难决定哪一个更好.因此,我们编辑了15款目前比较优秀的 jQuery 幻灯片插件,帮助你用一个美丽的和创新的方式展示你的图片或者视频列表.如果你有熟悉的任何其他幻灯片插件,请与我们的读者分享您的反馈. 您可能感兴趣的相关文

国外15种手机游戏引擎和开发工具介绍

游戏程序 平台类型: iOS Android  程序设计: 3D图形 音乐音效  编程语言:   引擎/SDK: 其它  工欲善其事,必先利其器.对移动游戏开发者来说,高效实用的开发工具必不可少.近日,英国著名产业杂志<Develop>刊出了一篇文章,作者艾伦·李在文中推荐了15种移动游戏开发工具,从游戏引擎,到音效制作.推广等工具都有涉及.以下为原文主要内容编译. 引擎和移动开发工具包 Marmalade 简介:Marmalade被很多人认为是跨平台制作C++游戏的最佳平台.通过Marmal

c# 推荐5款超实用的.NET性能分析工具

虽然.NET框架号称永远不会发生内存泄漏,原因是引入了内存回收机制.但在实际应用中,往往我们分配了对象但没有释放指向该对象的引用,导致对象永远无法释放.最常见的情况就是给对象添加了事件处理函数,但当不再使用该对象时却没有将该函数从对象的事件handler中减掉.另外如果分配了非托管内存,而没有手工释放,GC同样无能为力.所以当.NET应用发生内存泄漏后如何跟踪应用的内存使用情况,定位到程序设计中的缺陷显得非常重要.下面想大家推荐5款非常实用的性能分析.内存优化工具.觉得让你收获满满! 1.Jet