Bootstrap学习资料

Bootstrap是一个非常非常优秀的Web前端CSS框架。

官方docs文档:http://twitter.github.io/bootstrap/

中文版docs文档:http://wrongwaycn.github.io/bootstrap/docs/


下面这些是基于bootstrap的扩展或者是提升开发效率的周边插件等等,下面你会看到有些无厘头的文字,请不要见怪。

 

原型快速原型的应用程序引导,按钮,布局编辑等

标题 描述 地址
Divshot Divshot是一个拖放界面生成器自举一个伟大的友好的用户界面和所见即所得的方式。 Link
自举按钮生成器 生成引导按钮,迅速PlugoLabs按钮发生器! Link
漂亮的按钮为Twitter的bootstrapper 这是一个扩展到Twitter引导框架。轻松创建漂亮的按钮。(发送的改进到@ charliepark。) Link
JetStrap 可视化编辑器自举 Link
Photoshop的模板自举V2.0 引导PSD V2.0 Link

 

 

形式表的扩展,添加,验证,预输入插件等。

标题 描述 地址
引导文件上传“按钮 Jasny的的真棒引导扩展,包括文件上传按钮,引导的风格相匹配。 Link
现代上传自举 文件上传多个文件选择,拖放支持,进度栏和jQuery的预览图像的窗口小部件。支持跨域,分块和可恢复的文件上传和客户端调整图像大小。工程与任何服务器端平台(PHP,Python和Ruby on Rails的,Java中,Node.js的,围棋等),支持标准的HTML表单的文件上传。 Link
引导wysihtml5 所见即所得的HTML5文本编辑器 Link
引导切换按钮 尼斯引导切换按钮 Link
X-编辑 就地编辑与Twitter的引导和jQuery UI或纯jQuery库允许你创建可编辑的页面元素。 Link

 

 

日期和范围采摘的日期和时间选择器自举

标题 描述 地址
日期范围选择器 Twitter的引导日期范围选择器组件创建一个下拉菜单,用户可以选择一个日期范围。 Link
Timepicker 一个非常酷的小工具,可以方便地选择使用鼠标或箭头键在文本输入的时间。 Link
DatePicker的改善 一个datepicker @叽叽喳喳引导的分叉从Stefan Petre的(eyecon.ro)的改进@ eternicode Link
钟面 Twitter的的钟面timepicker为引导 Link

 

 

模态扩展,扩展模态的插件引导,添加效果,兼容性等。

标题 描述 地址
Bootbox.js 警报,确认和灵活的自举对话。 Link
扩展引导情态动词 引导的原始情态动词扩展,以提供额外的功能。反应灵敏,可堆叠,全宽,加载内容通过AJAX Link
引导灯箱 收藏夹功能,图像和文字内容 Link

 

 

JavaScript扩展,扩展引导上 传功能,分页,表,预输入和其他脚本方面的引导。

标题 描述 地址
拾色器的自举 尼斯拾色器的自举 Link
漂亮的表 五官端正表中的自举 Link
日期范围选择器 Twitter的引导日期范围选择器组件创建一个下拉菜单,用户可以选择一个日期范围。 Link
Bootbox.js 警报,确认和灵活的自举对话。 Link
燃料UX 燃料UX延伸Twitter的引导与额外的轻量级JavaScript控制。 Link
自举的上下文菜单 引导指定的右键菜单引导-检查演示:http://jsfiddle.net/msurguy/PG5HU/ Link
引导文件上传“按钮 Jasny的的真棒引导扩展,包括文件上传按钮,引导的风格相匹配。 Link
现代上传自举 文件上传多个文件选择,拖放支持,进度栏和jQuery的预览图像的窗口小部件。支持跨域,分块和可恢复的文件上传和客户端调整图像大小。工程与任何服务器端平台(PHP,Python和Ruby on Rails的,Java中,Node.js的,围棋等),支持标准的HTML表单的文件上传。 Link
BootPag BootPag – 动态分页的jQuery插件Twitter的引导 Link
引导标签 JavaScript标记的Twitter引导在CoffeeScript的(书面)演示:http://jsfiddle.net/cjFZW/2/ Link
Tocify的内容插件 – jQuery的表 一个jQuery插件,动态生成表的内容。与Twitter引导或jQueryUI的Themeroller Tocify可以选择性风格,可选择动画与jQuery的显示/隐藏效果。Tocify也可以提供支持平滑滚动,滚动突出,延长滚动页面,前进和后退按钮的支持。 Link

 

 

Colorizers和UI改进需要引导的配色方案,漂亮吗?这些资源将帮助定义自举。

标题 描述 地址
让你的引导漂亮 Paintstrap让您快速选择一个调色板从Colorlovers或使用Adobe Kuler Link
引导验证码 验证码风格自举 Link
引导的jQuery UI主题 提供引导到jQuery UI组件的外观和感觉。 Link
Facebook页面引导风格 Fbootstrapp是一个工具包,设计的kickstart发展的facebook iframe的应用程序在两个相关尺寸。它包括基本的CSS和HTML的排版,表格,按钮,表格,网格,导航,多风格典型的Facebook的外观和感觉。 Link
谷歌加风格的自举 这种引导式的Google+的界面看起来非常像! Link
SelectBoxIt 引导样式的选择框 Link
引导文件上传“按钮 Jasny的的真棒引导扩展,包括文件上传按钮,引导的风格相匹配。 Link
Bootswatch。自举的免费主题。 不接触颜色选择器颜色添加到您的引导网站 Link
自举主题辊 ThemeRoller Twitter的引导。 Link
引导切换按钮 尼斯引导切换按钮 Link
BootTheme:在线网页设计工具Twitter的引导和主题发生器 BootTheme是一个基于云计算的在线Web设计工具,以及一个主题发电机。您可以轻松地设计网页,毫不费力地生成主题和预览结果立即使用BootTheme的。 Link
漂亮的按钮为Twitter的bootstrapper 这是一个扩展到Twitter引导框架。轻松创建漂亮的按钮。(发送的改进到@ charliepark。) Link
BootMetro BootMetro提供简单,灵活的HTML,CSS和JavaScript的Web应用程序,要使用“Windows 8的MetroUI”的风格,而不需要运行在Windows 8。它是建立在Twitter的引导和谢尔盖·皮梅诺夫的Metro UI CSS的最初灵感。 Link
Tocify的内容插件 – jQuery的表 一个jQuery插件,动态生成表的内容。与Twitter引导或jQueryUI的Themeroller Tocify可以选择性风格,可选择动画与jQuery的显示/隐藏效果。Tocify也可以提供支持平滑滚动,滚动突出,延长滚动页面,前进和后退按钮的支持。 Link
Flatstrap 不需要圆角或梯度在引导?使用Flatstrap Link
选择2 选择2是一个基于jQuery的替代选择框。它支持搜索,远程的数据集,无限滚动的结果。 Link

 

 

图标字体,图标字体是必不可少的屏幕分辨率-独立的网页设计,确保你使用他们,而不是标准的引导图标。

标题 描述 地址
字体真棒 尼斯矢量图标字体自举 Link
Fontello 所有标志性的在一个自定义矢量字体的字体。您可以选择在集中包括字形。 Link
引导箭头 为引导的箭头,@ Iarfhlaith Link
连字符号图标 标志性的250图标的字体。 Link
字体自定义 从舒适的命令行生成自定义图标的网络字体。 Link

 

 

未然而进行分类,

标题 描述 地址
格显示器书签 在浏览器中的网页设计变得更容易与这个书签显示网格的引导。 Link
Bootsnipp RSS到Evernote的IFTTT配方 创建Evernote的入口随时随地的RSS条目从Bootsnip创建 Link
崇高的文本片段 Twitter的引导崇高的文本片段2 Link
引导CDN 内容交付网络,专业服务的引导CSS,JS和图标。 Link
Twitter的引导非官方的Debian软件包 实际的包和存储库保持最新在您的Debian服务器 Link
引导NuGet软件包 引导编译(https://nuget.org/packages/Twitter.Bootstrap)和LESS源的封装(https://nuget.org/packages/Twitter.Bootstrap.Less)的NuGet包管理器。 Link
检票口自举 Twitter的自举元件的Apache Wicket框架 Link
Rails的自举的例子 教程和示例应用程序显示了如何使用Twitter的引导和Ruby on Rails框架。从RailsApps的开源项目。 Link
Django管理引导主题 一个即插即用的Django应用程序来引导你的管理界面 Link
RTL Twitter的引导 RTL引导是从右到左的Twitter引导对于波斯语,阿拉伯语,乌尔都语等。 Link