最全的 Twitter Bootstrap 开发资源清单
英文原文:TheBig Badass List Of 180 Useful Twitter Bootstrap Resources
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 Html5Video Player
- Bootpag
- Bootstrap-Image-Gallery
- Tablecloth.Js
- Pagedown-Bootstrap
- MenuDropdown On Hover Plugin
- TwitterBootstrap Hover Dropdown Plugin
- Css3Microsoft Modern Buttons
- Lightbox
- D3Bootstrap Popovers
- Twitter BootstrapNotifications, 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 FuelUX
- Bootstrap-Wysihtml5
- Selectbox FormHelper
- TypeaheadExtension
- FineUploader
- X-Editable
- Jqbootstrapvalidation
- Bootstrap-Progressbar
- Prettycheckable
- Chosen-Less-Bootstrap
- Bootstrap Ajax
- Bootstrap ToggleButtons
输入组件
- Timepicker
- Combobox Fuel UX
- Timezone FormHelpers
- Languages FormHelper
- Phone Form Helper
- States FormHelper
- Countries FormHelper
- Date RangePicker
- Datepicker For Bootstrap
- Colorpicker For Bootstrap
二、框架集成(将 bootstrap 集成到你的应用框架或 cms 中)
ASP
Java
JavaScript
- Meteor- Bootstrap Package
- Extjs Bootstrap Theme
- Node-Express-Twitter-Bootstrap
- Derby-Ui-Boot
- Ender-Bootstrap
- Angularstrap
- Angularjs_Scaffold
Joomla
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 PaginateBootstrap
- TheRailsapps Project
- Formtastic-Bootstrap
- Less-Rails-Bootstrap
- Sinatra-Bootstrap
- Twitter_Bootstrap_Form_For
- Twitter-Bootstrap-Rails
- Andycroll/Kaminari_Themes
- Bootstrap RailsFlash Messages
- Hobo_Bootstrap
Wordpress
三、界面构建(一些用于设计 bootstrap 布局结构或其他方面的可视化工具)
显示
架构
主题
- Wrapbootstrap
- Fbootstrapp
- Boottheme
- Jquery-Ui-Bootstrap
- Bootswatcher
- Bootswatchr.Com
- Bootswatch
- Stylebootstrap.Info
- Paintstrap
四、模板工具
- Repix Bootstrap Psd
- Bootstrap Widgets Library ForAxure
- GridTemplates
- Twitter-Bootstrap-Omnigraffle-Stencil
- FireworksFor Bootstrap
- BootstrapBalsamiq Components
- Bootgrid.Psd
- Guideguide
- HtmlPrototyping Toolbox
- PowerpointAnd Keynote Mockup Template Kit
五、工具和服务(使 bootstrap 开发更快、更容易)
开发工具
服务
六、教程
文章
- 开始使用 TwitterBootstrap
- Rubyon Rails 教程——整合 Bootstrap
- 使用 Twitter Bootstrap 打造 Dropbox 文件上传器
- 设计一个响应式联系人页面
- 设计一个响应式主页
- 漂亮的输入表单
- TwitterBootstrap 与 Rails
- 在 Rails 应用程序中定制 Bootstrap
- Symfony2 Bootstrap 表单
- 基于 Bootstrap 和 Codeigniter 的 Ajax 模态寄存器
- 使用 Bootstrap 进行原型设计
- 创建一个延迟加载的图片轮播效果
- 使用 Knockout.Js 和 Bootstrap 构建一个单页面应用
- 自定义图标集
- Bootstrap 风格的 jQuery 验证插件
- Golden Bootstrap
- 使用 TwitterBootstrap 风格化你的应用
- Modals 教程
- 流式和固定布局之间的抉择
- 自定义 TwitterBootstrap
- 使用 TwitterBootstrap 创建一个引人入胜的网站
- JoomlaBootstrap 模板
演示
视频
- 使用 TwitterBootstrap (Pro) - Railscasts
- TwitterBootstrap 基础 - Railscasts
- YUI 和 Bootstrap
- TwitterBootstrap 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
转自:http://garyli.iteye.com/blog/1797227
相关推荐
### Twitter Bootstrap Web 开发知识点详解 #### 一、Twitter Bootstrap 概述 **Twitter Bootstrap** 是一个用于快速开发网页应用程序的前端框架。它提供了一系列基于 HTML、CSS 和 JavaScript 的设计模板,用于...
总的来说,"Rails & Twitter Bootstrap" 的主题涵盖了如何在Rails项目中集成和利用Bootstrap进行前端开发,以及如何结合Rails的erb语法和数据模型来创建动态、美观的用户界面。通过学习和实践,开发者能够提升其Web...
在IT行业中,Bootstrap是一款非常流行的前端开发框架,它由Twitter公司开发并开源,极大地简化了网页设计和响应式布局的工作。而"Twitter Bootstrap模糊查询插件"是Bootstrap生态系统中的一个扩展,它为用户提供了...
twitter-bootstrap-admin, 使用 Twitter Bootstrap的管理界面 Twitter Bootstrap 管理这个项目为基于 Twitter Bootstrap的管理界面提供了一个基本的HTML模板。有 5页模板:index.html: 带有密码恢复选项的登录页面...
总的来说,Twitter Bootstrap 2.1.1为开发者提供了一套强大的工具,用于快速构建美观且响应式的网站,而"twitter-bootstrap-v2.1.1-0-gc52368d.zip"这个压缩包则包含了这个版本的全部源代码和资源,便于开发者在项目...
BootMetro是针对Twitter Bootstrap框架的一款主题,它将现代操作系统中流行的“Metro”设计风格带入了Web开发领域。Bootstrap是一款广泛使用的前端开发框架,提供了一系列响应式布局、移动设备优先的网页组件,使得...
Bootstrap由Twitter的工程师于2011年创建,旨在提高内部开发效率。随后,它开源并迅速成为GitHub上最受欢迎的项目之一。Bootstrap的核心特性包括响应式布局、栅格系统、预定义的CSS样式、JavaScript插件以及一系列...
twitter-bootstrap-rails, 用于 Rails 5 4.x 资产管道的Twitter Bootstrap 用于 Rails 5和 Rails 4资产管道的 Twitter BootstrapBootstrap 是 Twitter的工具包,旨在开发网络应用程序和站点的kickstart 。...
twitter bootstrap风格ASP.Net初始项目 1) C# 2) ASP.Net (传统的,非MVC) 这是根据twitter bootstrap文档改编的一个起步项目,也是基于VS2012中的ASP.NET项目初始代码改编的。 目的是简化初始配置。 模板页为...
Bootstrap-3-Offline-Docs, Twitter Bootstrap 3.3.5文档的脱机版本 Bootstrap 3脱机文档用法下载文件。解压压缩文件。在浏览器中打开 index.html 。注释你可以自己编译官方文档。
《Twitter Bootstrap Web Development How-To》是一本专注于Twitter Bootstrap前端开发框架的实用指南,作者是David Cochran。Twitter Bootstrap是一个流行的开源前端框架,它由Twitter的设计师和开发者共同维护,...
Bootstrap是世界上最受欢迎的前端开发框架之一,用于构建响应式、移动优先的网页项目。而"基于Twitter Bootstrap的日期/时间选择控件"是这个框架的一个扩展,它为开发者提供了便捷的方式来集成日期和时间选择功能,...
Twitter Bootstrap 是一个流行的开源前端框架,由 Twitter 开发并维护,用于快速构建响应式、移动优先的网页项目。它提供了丰富的预定义样式、组件和JavaScript插件,大大简化了网页设计和开发过程。Bootstrap 的...
这个里面 包含整个bootstrap源程序 你所需要的都在了、里面.Bootstrap,来自 Twitter,是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。 本教程将向您...
twitter-bootstrap-rails-confirm, 使用 Twitter Bootstrap 确认对话框 :: bootstrap:: bootstrap:: rails::这里 gem 添加一些javascript来更改 Boostrap 2.3和 4的数据确认处理的默认行为。正常确认对话框显示带有...
django-bootstrap-form, Django 格式的Twitter Bootstrap Django Bootstrap 表单 用于 Django 表单的Twitter Bootstrap 。一个简单的Django 模板标签,用于处理 Bootstrap 。安装用pip安装 django-bootstr
sublime-twitter-bootstrap-snippets, sublime text 2的Twitter Bootstrap Fragment sublime-text Twitter Bootstrap Fragment一组很好的描述和分类 Twitter Bootstrap 代码 Fragment,用于 sublime text 。...
node-express-twitter-bootstrap, 使用 Express/EJS/Twitter Bootstrap/Responsive CSS3的NodeJS Boostrap 使用 3. x/EJS/Twitter Bootstrap/Responsive CSS3的 node.js Boostrap正在启动git clone ...
AngularJS 的首选样式表是 Twitter Bootstrap, Twitter Bootstrap 是目前最受欢迎的前端框架