快捷搜索:  汽车  科技

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从基础到项目实战)(1)

目标

  • 目标一、了解什么是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的网站特点

bootstrap详细文档(BootStrap从基础到项目实战)(2)

猜您喜欢: