bootstrap详细文档(BootStrap从基础到项目实战)
bootstrap详细文档(BootStrap从基础到项目实战)二 为什么要使用BootStrap中文官网:http://v3.bootcss.com/Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架,用于开发响应式布局、移动设备优先的 WEB 项目。Bootstrap是Twitter推出的一个开源的用于前端开发的工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎,一直GitHub上的热门开源项目,包括NASA的MSNBC(微软全国广播公司)的Breaking News都使用了该项目。官网:http://getbootstrap.com/
目标
- 目标一、了解什么是BootStrap
- 目标二、知道为什么要使用BootStrap
- 目标三、了解BootStrap一般用于什么场合
- 目标四、了解响应式布局真实案例
内容
一、什么是BootStrap
Bootstrap is the most popular HTML CSS and JS framework for developing responsive mobile first projects on the web.
Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架,用于开发响应式布局、移动设备优先的 WEB 项目。
Bootstrap是Twitter推出的一个开源的用于前端开发的工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎,一直GitHub上的热门开源项目,包括NASA的MSNBC(微软全国广播公司)的Breaking News都使用了该项目。
官网:http://getbootstrap.com/
中文官网:http://v3.bootcss.com/
二 为什么要使用BootStrap
特性:
1. 一套完整的基础CSS组件
2. 丰富的预定样式表
3. 一组基于JQuery的JS插件集
4. 一个非常灵活的响应式栅格系统,并且崇尚移动先行(Mobile First)的思想
截止到目前,BootStrap在Github上在经受千万用户的考验后,如今的BootStrap已经非常强大,其受欢迎的原因是:
首先:BootStrap系出名门(Twitter),代码开源,久经考验,可减少测试的工作量 ;
其次:BootStrap的代码有着非常良好的代码规范,从中可以学到很多前端知识
最后:用BootStrap作为前端框架创建的项目,日后的代码的维护自然也会变的非常容易 ;
三、BootStrap一般用于什么场合
如果你有以下需求,建议你考虑BootStrap
1. 非专业前端开发人员需要快速开发出专业漂亮的网站
2. 开发出来的网站需要考虑网站兼容性
3. 要求做出来的网站适用于各种设备平台上正常浏览(尤其是移动平台)
四、 响应式布局真实案例
colly.com
foodsense.is
sony.com
http://job.bootcss.com/
五、总结
1. 了解了什么是BootStrap,BootStrap的优点与特性
2. 了解了使用BootStrap的网站特点