向Web开发人员推荐12款优秀的 Twitter Bootstrap 组件和工具
- - 博客园_梦想天空 Bootstrap 是基于 HTML，CSS 和 JavaScript 的简洁灵活的流行前端框架及交互组件集，由微博的先驱 Twitter 在2011年8月开源的整套前端解决解决方案. Bootstrap 有非常完备和详尽的开发文档，. Web 开发人员能够轻松搭建出清爽风格的界面以及实现良好的交互效果.
向Web开发人员推荐12款优秀的 Twitter Bootstrap 组件和工具
标签：
web
开发
twitter
| 发表时间：2012-09-11 14:11 | 作者：梦想天空（山边小溪）
出处：http://www.cnblogs.com/lhb25/
Bootstrap 是基于 HTML，CSS 和 JavaScript 的简洁灵活的流行前端框架及交互组件集，由微博的先驱 Twitter 在2011年8月开源的整套前端解决解决方案。 Bootstrap 有非常完备和详尽的开发文档， Web 开发人员能够轻松搭建出清爽风格的界面以及实现良好的交互效果。
Bootstrap 的口号是 Designed for everyone, everywhere.（适用于任何场景，适用于每一个人），主要有以下特色：支持所有主流浏览器、12列栅格布局、响应式设计、样式化的文档以及常用的定制的 jQuery 插件等等。Bootstrap 已经足够强大，能够实现各种形式的 Web 界面。为了能够充分利用 Bootstrap 的强大功能，下面向打击推荐12款各种各样工具和资源来配合 Bootstrap 使用。
这个 jQuery UI 主题，对于 jQuery 的使用者来说是个非常好的资源，能够把 Bootstrap 的清爽界面组件引入到 jQuery UI 中。
.gif)
Bootstrap Image Gallery 是 Bootstrap 模态对话框的一个扩展，用于实现相册浏览功能，支持按键导航，幻灯片展示以及全屏浏览。
和 jQuery UI 主题类似，这是一个基于 Twitter Bootstrap 的 jQuery Mobile 主题，让你的移动应用用上 Bootstrap 界面。
Colorpicker and Datepicker for Bootstrap
Twitter Bootstrap 有非常多的内置 jQuery 插件，但是没有颜色选择器和日期选择器，这个插件是个非常好的补充。
Twitter Bootstrap 提供了定义好的几种界面风格，如果你想有更多更个性化的配色的话，这个工具可以帮上你的大忙。
Beautiful Buttons for Bootstrappers
清爽漂亮的按钮是 Twitter Bootstrap 最吸引人的特色之一，这个在线的按钮设计工具可以帮助你制作更多风格的按钮样式。
Twitter Bootstrap 的默认主题已经非常漂亮了，但是如果你想有一个与众不同的外观，那么这个主题选择工具可以帮助到你。
相当于 Twitter Bootstrap的一个 Facebook 主题，包含表单、按钮、表格、导航等等 Facebook 风格的界面组件。
对于使用 Fireworks 进行界面设计朋友，Bootstrap Fireworks 非常有用，它提供了一组矢量图形。
这个一个把 Django 和 Twitter Bootstrap 集合起来使用的工具包，相信 Django 的粉丝们会喜欢。
这个设计套件包含 Twitter Bootstrap 所有的基本组件的 PSD 源文件，包括字体、按钮、网格和导航等等。
如果你的 WordPress 博客也想换上 Twitter Bootstrap 界面的话，这个 WordPress 主题就是你需要的。
下面列出了更多基于 Twitter Bootstrap 的 WordPress 主题：
您可能还喜欢
- Twitter Bootstrap 中文帮助文档/中文手册
- 优秀工具：推荐16款免费的在线二维码生成器
- 网站优化：测试网站速度的8款免费工具推荐
- 优秀开发工具：推荐8个在线调试代码的网站
- 网站安全检测：8款免费的 Web 安全测试工具
本文链接： 推荐10个优秀的Twitter Bootstrap组件和工具资源
编译来源： 梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源
相关 [web 开发 twitter] 推荐：
用Twitter的cursor方式进行Web数据分页
- yuaz - Tim[后端技术]本文讨论Web应用中实现数据分页功能，不同的技术实现方式的性能方区别. 上图功能的技术实现方法拿MySQL来举例就是. 不过在看Twitter API的时候，我们却发现不少接口使用cursor的方法，而不用page, count这样直观的形式，如 followers ids 接口. Provide values as returned to in the response body’s next_cursor and previous_cursor attributes to page back and forth in the list..
Web开发入门（转载）
- linchanx - Starming星光社最新更新Web应用的竞争异常激烈，开发难度也是入门容易做好很难，所以第一次开发的应用不成功是很正常的事情. 不过这正是一个积累的过程，反正你需要的只是电脑和少量服务器经费，所以多磨练几次，水平自然会提高. 2, 习惯阅读及查阅英文资料. 前沿信息基本源自美国，翻译的东西不及时，不全，很多水平不高，再加之中文原创资料毕竟很有限，因此是否能熟练地查阅英文资料决定了你获取信息的
及时性和质量.
Spring MVC 与 web开发
- - 码蜂笔记项目组用了 Spring MVC 进行开发，觉得对里面的使用方式不是很满意，就想，如果是我来搭建开发环境，我会怎么做. 下面就是我的想法，只关注于 MVC 的 View 层. 现在基本上都是用 ajax 来调用后台接口，拿到 json格式的数据再展示，有的人直接返回数据，却没有考虑异常的情况，我觉得返回的报文里必须包含表示可能的异常信息的数据和业务响应数据.
web开发利器之grunt
- - CSDN博客Web前端推荐文章grunt不难，它主要依赖的是nodeJS的npm包管理器，和一个JSON及一个JS文件，先说说npm包管理器，玩过nodeJS的对它应该都很熟悉，在这里我们只需要安装nodeJS即可（新版的nodeJS基本都集成了npm），至于nodeJS的安装可以 点这里，这这篇文章就不做详细介绍，安装完后打开命令管理器（nodeJS安装完后的终端）输入：.
Web开发者必备：Web应用检查清单
- - ITeye博客想做一个高质量的Web应用，前前后后要做的事情非常多. 国外开发者 Ata Sasmaz 为 Web 开发者制作分享了一份检查清单，包括应用开发、性能、安全、分析、可用性、可靠性、转换策略、竞争策略这些方面需要注意的事项. 清单内容可能不全面，欢迎大家在评论中补充. JavaScript 允许捕获异常.
Bootstrap: Webアプリケーションのための高度なCSSフロントエンドを手早く作れるツールをTwitterがリリース
- 三十不归 - TechCrunch JapanTwitterが今日（米国時間8/19）、Bootstrapをリリースした. CSSを使うWebアプリケーションを作るためのツールキットで、CSSの文字指定、フォーム、ボタン、テーブル、グリッド、ナビゲーション、アラートなどなどを使ってアプリケーションのフロントエンドを作る. Bootstrapの入手は、GitHubのここで.
Web应用程序的开发步骤
- xxg - 月光博客 如今已进入了web2.0高速发展的互联网时代，各种互联网的Web应用程序如雨后春笋般出现. 那么作为一名Web开发人员，怎样去开发一款优秀的Web应用程序呢. 这个问题没有一个简单的答案，甚至那些教育机构都未必能清楚的知道. 所以，像大多数在这个领域里的web开发人员一样，我们只是通过去做，去实验才学会了这些.
Web开发人员速查卡
- abcd - 酷壳 - CoolShell.cn无论你是多牛的程序员，你都无法记住所有的东西. 而很多时候，查找某些知识又比较费事. 所以，网上有很多Cheat Sheets，翻译成小抄也好 ，速查卡也好，总之就是帮你节省 时间的. 之前给大家介绍过Web设计的速查卡、25个jQuery的编程小抄，还有程序员小抄大全，今天转一篇开发人员的速查卡，源文在这里.
平台是Web开发的未来吗？
- iyuan - 伯乐在线 -博客 导读：本文是Arjun Khanna关于平台的出现以及它们如何简化Web开发的个人分析，也分析了平台的缺点和它们能够继续存在的因素. 即便现在大部分网站开发人员所构建的网站在结构上非常相似，或是至少在布局方面会有一些根本的共同之处，如果你问一下，他们大多会说他们还有一大堆的苦差使要头疼呢. 虽然客户几乎都要求顶上有横幅，导航条在左边，页面布局不超过三列，但是这并不使他们的工作更简单.