最全的 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 插件)
相关推荐
Twitter Bootstrap Web Development
twitter bootstrap web 开发
Twitter bootstrap模糊查询插件
twitter-bootstrap-admin, 使用 Twitter Bootstrap的管理界面 Twitter Bootstrap 管理这个项目为基于 Twitter Bootstrap的管理界面提供了一个基本的HTML模板。有 5页模板:index.html: 带有密码恢复选项的登录页面...
BootMetro是一个Twitter Bootstrap的Metro风格主题。你可以创建Metro风格的样式。例如,片状UI,工具栏,其它组件。
NULL 博文链接:https://michael-roshen.iteye.com/blog/1752665
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 。注释你可以自己编译官方文档。
这个里面 包含整个bootstrap源程序 你所需要的都在了、里面.Bootstrap,来自 Twitter,是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。 本教程将向您...
twitter-bootstrap-v2.1.1-0-gc52368d.zip
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
前端项目-twitter-bootstrap,bootstrap是全球最受欢迎的前端组件库,用于开发响应式布局、移动设备优先的web项目。
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 是目前最受欢迎的前端框架
Bootstrap开发精解 原理 技术 工具及最佳实践 随书代码
bootstrap-jalali-datepicker, Twitter Bootstrap Jalali插件 Bootstrap Datepicker v1.0带有 Twitter Bootstrap 主题的jQuery UI Datepicker小部件。 它基于 jQuery UI 1.9.1和 Twitter Bootstrap 2.1.1
compass-twitter-bootstrap, 移植到指南针的Twitter Bootstrap 头:这个 gem 不再被主动维护。如果你需要Sass上的Bootstrap 3,你应该使用: https://github.com/twbs/bootstrap-sass Twitter Bootstrap --用于指南...