最全的 Twitter Bootstrap 开发资源清单

Bootstrap是Twitter推出的一个开源的用于前端开发的工具包,由Twitter的设计师Mark Otto和Jacob Thornton合作开发。Bootstrap提供了优雅的HTML和CSS规范,它由动态CSS语言LESS写成,与CSS框架Blueprint存在很多相似之处。Bootstrap推出后颇受欢迎,一直是GitHub上的热门开源项目。

Bootstraphero网站搜集了大量关于Bootstrap的开发资源,本文列举如下(关于这些资源的介绍请参阅原文或资源链接)。

一、组件(用来扩展Bootstrap的基本功能)

显示组件

  • Bangbang Tag Input
  • Tocify
  • Sorich87/Bootstrap-Tour
  • Bootstrap-Tags
  • Bootstrap Arrows
  • Bootstrap-Modal
  • Pillbox Fuel Ux
  • Datagrid Fuel Ux
  • Bootmetro
  • Bootstrap Tour
  • Jquery-Slimscroll
  • Bootstrap Html5 Video Player
  • Bootpag
  • Bootstrap-Image-Gallery
  • Tablecloth.Js
  • Pagedown-Bootstrap
  • Menu Dropdown On Hover Plugin
  • Twitter Bootstrap Hover Dropdown Plugin
  • Css3 Microsoft Modern Buttons
  • Lightbox
  • D3 Bootstrap Popovers
  • Twitter Bootstrap Notifications, From Nijiko Yonskai
  • Bootbox.Js – Alert, Confirm And Flexible Dialogs For Twitter’s Bootstrap Framework

表单组件

  • Jquery File Upload Demo
  • Bootstrap Contextmenu
  • Selectboxit
  • Spinner – Fuel UX
  • Search Fuel UX
  • Pillbox Fuel UX
  • Bootstrap-Wysihtml5
  • Selectbox Form Helper
  • Typeahead Extension
  • Fine Uploader
  • X-Editable
  • Jqbootstrapvalidation
  • Bootstrap-Progressbar
  • Prettycheckable
  • Chosen-Less-Bootstrap
  • Bootstrap Ajax
  • Bootstrap Toggle Buttons

输入组件

  • Timepicker
  • Combobox Fuel UX
  • Timezone Form Helpers
  • Languages Form Helper
  • Phone Form Helper
  • States Form Helper
  • Countries Form Helper
  • Date Range Picker
  • Datepicker For Bootstrap
  • Colorpicker For Bootstrap

二、框架集成(将bootstrap集成到你的应用框架或cms中)

ASP

  • ASP.NET MVC Bootstrap Extensions
  • Bootstrap For CSLA
  • Bootstrap For ASP.NET MVC

Java

  • Wicket-Bootstrap
  • Struts2-Bootstrap
  • Twitter-Bootstrap-Grails-Plugin

JavaScript

  • Meteor – Bootstrap Package
  • Extjs Bootstrap Theme
  • Node-Express-Twitter-Bootstrap
  • Derby-Ui-Boot
  • Ender-Bootstrap
  • Angularstrap
  • Angularjs_Scaffold

Joomla

  • Expose Framework
  • Simple Bootstrap Integration
  • Joostrap

PHP

  • Hwboot
  • Yii-Bootstrap
  • Mopabootstrapbundle
  • Zf-Boilerplate
  • Bh Bootstrap Theme
  • Codeigniter-Bootstrap
  • Cakephp-Bootstrappifier

Python

  • Tw2.Bootstrap
  • Fa.Bootstrap
  • Django-Twitter-Bootstrap
  • Django-Bootstrap-Toolkit
  • Django Crispy Forms
  • Django-Admin-Bootstrapped

Ruby

  • Bootstrap Forms
  • Will Paginate Bootstrap
  • The Railsapps Project
  • Formtastic-Bootstrap
  • Less-Rails-Bootstrap
  • Sinatra-Bootstrap
  • Twitter_Bootstrap_Form_For
  • Twitter-Bootstrap-Rails
  • Andycroll/Kaminari_Themes
  • Bootstrap Rails Flash Messages
  • Hobo_Bootstrap

WordPress

  • Strappress
  • Wp-Bootstrap
  • Bootstrapwp
  • Roots WordPress Theme
  • The Bootstrap
  • Wpstrap

三、界面构建(一些用于设计bootstrap布局结构或其他方面的可视化工具)

显示

  • Css3 Gradient Generator
  • Css Gradient Generator
  • Holder.Js
  • Jqdrawbootstrapgrid

架构

  • Bootstrap-Form-Builder
  • Jetstrap
  • Easel.Io
  • Divshot
  • Bootsnipp.com

主题

  • Wrapbootstrap
  • Fbootstrapp
  • Boottheme
  • Jquery-Ui-Bootstrap
  • Bootswatcher
  • Bootswatchr.Com
  • Bootswatch
  • Stylebootstrap.Info
  • Paintstrap

四、模板工具

  • Repix Bootstrap Psd
  • Bootstrap Widgets Library For Axure
  • Grid Templates
  • Twitter-Bootstrap-Omnigraffle-Stencil
  • Fireworks For Bootstrap
  • Bootstrap Balsamiq Components
  • Bootgrid.Psd
  • Guideguide
  • Html Prototyping Toolbox
  • Powerpoint And Keynote Mockup Template Kit

五、工具和服务(使bootstrap开发更快、更容易)

开发工具

  • Sublime-Twitter-Bootstrap-Snippets
  • Bootstrap Sass
  • Compass Twitter Bootstrap
  • Dojo Bootstrap

服务

  • I Love Bootstrap
  • Bootstrapdocs
  • Bootstrapcdn

六、教程

文章

  • 开始使用Twitter Bootstrap
  • Ruby on Rails教程——整合Bootstrap
  • 使用Twitter Bootstrap打造Dropbox文件上传器
  • 设计一个响应式联系人页面
  • 设计一个响应式主页
  • 漂亮的输入表单
  • Twitter Bootstrap与Rails
  • 在Rails应用程序中定制Bootstrap
  • Symfony 2 Bootstrap表单
  • 基于Bootstrap和Codeigniter的Ajax模态寄存器
  • 使用Bootstrap进行原型设计
  • 创建一个延迟加载的图片轮播效果
  • 使用Knockout.Js和Bootstrap构建一个单页面应用
  • 自定义图标集
  • Bootstrap风格的jQuery验证插件
  • Golden Bootstrap
  • 使用Twitter Bootstrap 风格化你的应用
  • Modals教程
  • 流式和固定布局之间的抉择
  • 自定义Twitter Bootstrap
  • 使用Twitter Bootstrap创建一个引人入胜的网站
  • Joomla Bootstrap模板

演示

  • Bootstrap设计
  • 使用Twitter Bootstrap构建
  • Web排版
  • Bootstrap背景和基础

视频

  • 使用Twitter Bootstrap (Pro) – Railscasts
  • Twitter Bootstrap基础 – Railscasts
  • YUI和Bootstrap
  • Twitter Bootstrap 101 – Youtube

七、JavaScript扩展(基于Bootstrap的JavaScript/jQuery插件)

  • Meteor – Bootstrap Package
  • Extjs Bootstrap Theme
  • Node-Express-Twitter-Bootstrap
  • Derby-Ui-Boot
  • Ender-Bootstrap
  • Sisyphus.Js
  • Data Filter
  • Fadeto
  • Fadetosrc
  • Haircut
  • Typer
  • Angularstrap
  • Jquery-Qrcode/
  • Jqbootstrapvalidation
  • Angularjs_Scaffold
  • Selectboxit
  • Keypress.Js
  • Camanjs
  • Infinity.Js

原文:The Big Badass List Of 180 Useful Twitter Bootstrap Resources

译文:http://www.iteye.com/news/26653

最全的 Twitter Bootstrap 开发资源清单

原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/39651.html

(0)
上一篇 2021年8月4日
下一篇 2021年8月4日

相关推荐

发表回复

登录后才能评论