Bootstrap开发框架资源汇总(转)
稍微接触点前端的朋友都应该知道 Bootstrap,它是 twitter 团队开发的前端开发工具包。它是一个CSS和HTML的集合,它使用了最新的浏览器技术,给你的Web开发提供了时尚的版式,表单,buttons,表格,网格系统等等。
Bootstrap 的应用在国外非常流行,但是似乎国内基于 Bootstrap 的开发要少很多,难道是国人不太喜欢基于框架开发网站?
基于 Bootstrap 的衍生品也逐渐多了起来,就连WordPress插件都有专门基于Bootstrap样式的。国人搭建的 Bootstrap中文网 -- www.bootcss.com ,对Bootstrap的文档进行了翻译整理,方便更多热爱这个CSS框架的攻城师们分享、交流自己在前端设计、开发方面的心得。
Bootstrap相关开源项目推荐
LayoutIt!:可拖放排序在线编辑的Bootstrap可视化布局系统。
Grumble.js:一个气泡形状的提示(Tooltip)控件,可以在其围绕的元素周围做360度任意定位。
BootstrapEd:基于Bootstrap,并且,优化Bootstrap在中文WEB环境中的效果;增强Bootstrap中的内置组件;增加有价值的通用组件!
Unslider: 一个超小的 jQuery 轮播(slider) 插件。支持主流浏览器、键盘导航、自动调整高度和响应式布局。
Bootstrap Switch:是对Bootstrap控件的扩充。基于选HTML中基本的选择框控件实现只有开和关两种状态的单选按钮。
sco.js:由于大部分的Bootstrap js插件是无法扩展的,因此才有了sco.js,它是对Bootsrap中js插件的增强实现。
iCheck:让不同浏览器下的复选框(checkboxes)和单选按钮(radio button)更美观、功能更强。
bootstrap-wysiwyg:是一个jQuery Bootstrap插件(5KB, < 200 行代码)可以将任何一个DIV转变成一个WYSIWYG富文本编辑器。
Chart.js:是一个简单、面向对象、为设计者和开发者准备的图表绘制工具库。
Preboot:是一组用LESS语法书写的混合(mixin)和变量(variable)的集合,目的是辅助用户书写更优美的CSS。Bootstrap的前身就是Preboot。
jQuery.Pin:能将任意页面元素“钉”在某个容器顶部,而且在尺寸小的屏幕上能够自动禁用这种效果。
响应式导航(Responsive Nav):是一个很小的JS插件,压缩之后仅有1.7KB,能帮你创建针对小屏幕的可切换式导航
Bsie:弥补了Bootstrap对IE6的不兼容。目前,bsie能在IE6上支持大部分bootstrap的特性,可惜,还有一些实在无法支持...
Messenger:是一个非常酷的弹框(Alert)组件,能够非常好的与Bootstrap融合,当然,单独使用效果也是非常棒。Messenger自带4套皮肤。
Bootstrap日期时间选择器(Bootstrap DateTime Picker):是一个Bootstrap组件,能够简化页面上日期、时间的输入。
jQuery UI Bootstrap:这套工具让你在使用jQuery UI 控件时也能充分利用Bootstrap的样式,而且不会出现样式不统一的现象,Bootstrap和jQuery UI可以完美融合在一起了!
Google Bootstrap:Google的UI素来以简洁著称,现在Bootstrap也来Google Style一把,喜欢Google的就来试试这套Google Bootstrap吧!
Flat UI:是基于Bootstrap做的Metro化改造,由Designmodo提供。Flat UI包含了很多Bootstrap提供的组件,但是外观更加漂亮。再此强烈推荐!
Metro UI CSS: 是一套用来创建类似于Windows 8 Metro UI风格网站的样式。现在,Metro UI CSS项目在Bootstrap的基础上被开发成一个独立的解决方案。
Font Awesome:中包含的所有图标都是矢量的,也就可以任意缩放,避免了一个图标做多种尺寸的麻烦。CSS对字体可以设置的样式也同样能够运用到这些图标上了。
Simple Icons -- Icon汇:收集众多网站的Logo,并提供高质量、不同尺寸的png格式图片给广大网友,所有Icon版权归其所属公司。
Bootstrap Form Builder:Bootstrap 在线表单构造器能够以鼠标拖拽的方式迅速生成一个基于Bootstrap的完整表单,减轻了各位码农手写HTML代码的劳动,而且不会出错。
Bootstrap CSS v3.0 预览版:正式版发布时间待定。Bootstrap中文网整理之后放上来让广大Bootstrap粉丝先睹为快。记住哦,IE8以下的浏览器退避吧!
Bootstrap官方:http://twitter.github.io/bootstrap/index.html
Bootstrap中文网:http://www.bootcss.com/
本文不知原始出处,从搜索情况来看,应该是倡萌。
转载本站原创文章请注明:文章转自 挨踢路,链接: https://888929.tm7j5.group/articles/1877.html
谢谢博主的分享
虽然不是很懂,但还是回复下。。