向Web开发人员推荐12款优秀的 Twitter Bootstrap 组件和工具

[url]http://www.cnblogs.com/lhb25/archive/2012/09/11/resources-that-complement-twitter-bootstrap.html[/url]
Twitter Bootstrap 中文帮助文档/中文手册/中文教程 [url]http://www.cnblogs.com/lhb25/archive/2012/07/26/bootstrap-documentation.html[/url]
Bootstrap, from Twitter 基于HTML，CSS，JAVASCRIPT的简洁灵活的流行前端框架及交互组件集, [color=red][b]下载[/b][/color]： [url]http://wrongwaycn.github.io/bootstrap/docs/index.html[/url] 或者 [url]https://github.com/twitter/bootstrap/[/url]

Bootstrap [url]http://www.cnblogs.com/lhb25/archive/2012/07/26/bootstrap-documentation.html[/url]是基于 HTML，CSS 和 JavaScript 的简洁灵活的流行前端框架及交互组件集，由微博的先驱 Twitter 在2011年8月开源的整套前端解决解决方案。Bootstrap 有非常完备和详尽的开发文档，Web 开发人员能够轻松搭建出清爽风格的界面以及实现良好的交互效果。
[img]http://pic002.cnblogs.com/images/2012/36987/2012091110020066.jpg[/img]
Bootstrap 的口号是 Designed for everyone, everywhere.（适用于任何场景，适用于每一个人），主要有以下特色：支持所有主流浏览器、12列栅格布局、响应式设计、样式化的文档以及常用的定制的 jQuery 插件等等。Bootstrap 已经足够强大，能够实现各种形式的 Web 界面。为了能够充分利用 Bootstrap 的强大功能，下面向打击推荐12款各种各样工具和资源来配合 Bootstrap 使用。



[color=darkblue][b]jQuery UI Bootstrap[/b][/color] [url]http://addyosmani.github.com/jquery-ui-bootstrap/[/url]
这个 jQuery UI 主题，对于 jQuery 的使用者来说是个非常好的资源，能够把 Bootstrap 的清爽界面组件引入到 jQuery UI 中。
[img]http://www.webresourcesdepot.com/wp-content/uploads/jquery_ui_bootstrap(1).gif[/img]


[color=darkblue][b]Bootstrap Image Gallery [/b][/color][url]http://blueimp.github.com/Bootstrap-Image-Gallery/[/url]
Bootstrap Image Gallery 是 Bootstrap 模态对话框的一个扩展，用于实现相册浏览功能，支持按键导航，幻灯片展示以及全屏浏览。
[img]http://www.webresourcesdepot.com/wp-content/uploads/twitter_bootstrap_image_gallery.jpg[/img]

[color=darkblue][b]jQuery Mobile Bootstrap Theme[/b][/color] [url]https://github.com/commadelimited/jQuery-Mobile-Bootstrap-Theme[/url]
和 jQuery UI 主题类似，这是一个基于 Twitter Bootstrap 的 jQuery Mobile 主题，让你的移动应用用上 Bootstrap 界面。
[img]http://www.webresourcesdepot.com/wp-content/uploads/jquery_mobile_bootstrap.gif[/img]


[color=darkblue][b]Colorpicker and Datepicker for Bootstrap[/b][/color] [url]http://www.eyecon.ro/colorpicker-and-datepicker-for-twitter-bootstrap.htm[/url]
Twitter Bootstrap 有非常多的内置 jQuery 插件，但是没有颜色选择器和日期选择器，这个插件是个非常好的补充。
[img]http://www.webresourcesdepot.com/wp-content/uploads/twitter_bootstrap_colorpicker.jpg[/img]


[color=darkblue][b]StyleBootstrap.info[/b][/color] [url]http://stylebootstrap.info/[/url]
Twitter Bootstrap 提供了定义好的几种界面风格，如果你想有更多更个性化的配色的话，这个工具可以帮上你的大忙。
[img]http://www.webresourcesdepot.com/wp-content/uploads/stylebootstrap_info.gif[/img]


[color=darkblue][b]Beautiful Buttons for Bootstrappers[/b][/color] [url]http://charliepark.org/bootstrap_buttons/[/url]
清爽漂亮的按钮是 Twitter Bootstrap 最吸引人的特色之一，这个在线的按钮设计工具可以帮助你制作更多风格的按钮样式。
[img]http://www.webresourcesdepot.com/wp-content/uploads/twitter_bootstrap-button_designer.jpg[/img]


[color=darkblue][b]Bootswatch[/b][/color] [url]http://bootswatch.com/[/url]
Twitter Bootstrap 的默认主题已经非常漂亮了，但是如果你想有一个与众不同的外观，那么这个主题选择工具可以帮助到你。
[img]http://www.webresourcesdepot.com/wp-content/uploads/bootswatch.jpg[/img]


[color=darkblue][b]Fbootsrapp[/b][/color] [url]http://ckrack.github.com/fbootstrapp/[/url]
相当于 Twitter Bootstrap的一个 Facebook 主题，包含表单、按钮、表格、导航等等 Facebook 风格的界面组件。
[img]http://www.webresourcesdepot.com/wp-content/uploads/bootstrapp_for%20facebook.gif[/img]


[color=darkblue][b]Bootstrap Fireworks[/b][/color] [url]http://www.extendingfireworks.com/?p=133[/url]
对于使用 Fireworks 进行界面设计朋友，Bootstrap Fireworks 非常有用，它提供了一组矢量图形。
[img]http://www.webresourcesdepot.com/wp-content/uploads/twitter_bootstrap_fireworks.gif[/img]


[color=darkblue][b]Django Bootstrap Toolkit[/b][/color] [url]https://github.com/dyve/django-bootstrap-toolkit[/url]
这个一个把 Django 和 Twitter Bootstrap 集合起来使用的工具包，相信 Django 的粉丝们会喜欢。
[img]http://www.webresourcesdepot.com/wp-content/uploads/django_bootstrap_toolkit.gif[/img]


[color=darkblue][b]Bootstrap PSD[/b][/color] [url]http://gui.repixdesign.com/[/url]
这个设计套件包含 Twitter Bootstrap 所有的基本组件的 PSD 源文件，包括字体、按钮、网格和导航等等。
[img]http://pic002.cnblogs.com/images/2012/36987/2012091110511965.jpg[/img]


[color=darkblue][b]BootstrapWP[/b][/color] [url]http://bootstrapwp.rachelbaker.me/[/url]
如果你的 WordPress 博客也想换上 Twitter Bootstrap 界面的话，这个 WordPress 主题就是你需要的。
[img]http://www.webresourcesdepot.com/wp-content/uploads/bootstrapwp.gif[/img]

下面列出了更多基于 Twitter Bootstrap 的 WordPress 主题：

Roots Theme [url]http://www.rootstheme.com/[/url]
Bootstrap [url]http://digitalnature.eu/themes/bootstrap/[/url]
Bootstrap for WordPress [url]http://wpbootstrap.iubenda.com/[/url]
Bootstrap for WP [url]http://envexlabs.com/2011/09/bootstrap-for-wordpress/[/url]
StrapPress [url]http://braginteractive.com/bootstrap/[/url]
WPBS [url]http://320press.com/wpbs/[/url]