优秀的Web前端CSS框架Bootstrap(一):简介

(一)Bootstrap简介

Bootstrap是Twitter推出的一个开源的用于前端开发的工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎,一直是GitHub上的热门开源项目,包括NASA的MSNBC(微软全国广播公司)的Breaking News都使用了该项目。

Bootstrap中包含了丰富的Web组件,根据这些组件,可以快速的搭建一个漂亮、功能完备的网站。其中包括以下组件:下拉菜单、按钮组、按钮下拉菜单、导航、导航条、面包屑、分页、排版、缩略图、警告对话框、进度条、媒体对象等。

Bootstrap自带了13个jQuery插件,这些插件为Bootstrap中的组件赋予了“生命”。其中包括:模式对话框、标签页、滚动条、弹出框等。

官方网址是:http://twitter.github.io/bootstrap/

最新文件下载:http://twitter.github.io/bootstrap/assets/bootstrap.zip,下载下来的压缩包中,有一个doc目录,事实上就是官方网站的大部分页面了,是一个很好的范例。

后面的文章大部分内容是从官方网站翻译或者网络搜索而来,做一个简单的整理归纳。

值得注意的是,Bootstrap对IE6的兼容性极差,虽然有几个号称可以修正的第三方补丁,但实际试用下来,效果很不好。所以建议在基于Bootstrap构造的网页里面检测IE版本并提示。

posted @ 2013-04-19 17:06  dream4u  阅读(1107)  评论(0编辑  收藏  举报