在2011年,twitter的“一小撮”工程师为了提高他们内部的分析和管理能力,用业余时间为他们的产品构建了一套简易易用、优雅、灵活、可拓展的前端工具集—Bootstrap。Bootstrap是基于HTML5和CSS3开发的,它在jQuery的基础上进行了更为个性化和人性化的完善,形成一套自己独有的网站风格,并兼容大部分jQuery插件。其中自带了13个jQuery插件,这些插件为Bootstrap中的组件赋予了“生命”。其中包括:模式对话框、标签页、滚动条、弹出框等。
Bootstrap一经推出后就很受欢迎,一直是GitHub上的热门开源项目,现在包括国内国内一些移动开发者较为熟悉的框架,就是基于Bootstrap源码进行性能优化而来。
1、预处理脚本
现在虽然可以直接使用 Bootstrap 提供的 CSS 样式表,但是不要忘记 Bootstrap 的源码是基于最流行的 CSS 预处理脚本 - Less 和 Sass 开发的。我们可以采用预编译的 CSS 文件快速开发,也可以从源码定制自己需要的样式.。
2、一个框架、多种设备
我们的网站和应用能在 Bootstrap 的帮助下通过同一份代码快速、有效适配手机、平板、PC 设备,这一切都是 CSS 媒体查询(Media Query)的功劳。
3、特性齐全
Bootstrap 提供了全面、美观的文档,我们能在这里找到关于 HTML 元素、HTML 和 CSS 组件、jQuery 插件方面的所有详细文档。
1.节省时间
Bootstrap库中包含很多现成的代码片段,这些代码可为你的网站增加更多活力。Web开发者不必再花费时间、费力地编码,只需找到合适的代码,插入到合适位置即可。此外,CSS利用LESS编写,很多样式和设计都已设计完成。
2.定制化
Bootstrap很重要的一方面就是你可以将它据为己有。你可以留取框架中需要的部分,抛弃不需要的,Bootstrap整体允许你根据自己的需要,裁剪自己开发的项目。
3.一致性
Bootstrap保证了界面在不同平台上的统一性,在IE、Chrome及Firefox中,我们可以看到统一的界面。
4.对未来技术具有兼容性
Bootstrap包含很多特殊元素,如HTML5和CSS3,这些元素被称为设计的未来。因为该框架考虑到设计和开发的未来,它很有潜力成为未来几年里Web开发者的参考标准。
5.响应式
Bootstrap为响应式框架,无论我们的开发工作从笔记本转移到iPad,还是从iPad转移到Mac上,你都不用为你的工作而苦恼,因为Bootstrap能以超快的速递与效率适应不同平台间的差异。
全球数以百万计的网站都是基于 Bootstrap 构建的,实例精选如下:
秀友百科词条内容均由网友提供,仅供参考。如发现词条内容有问题,请联系管理员。