1- Bootstrap概述
1.1 什么是Bootstrap
一个前端的框架,提高前端的开发效率,制作出更加专业,漂亮的页面。
基于html、css、js技术,只要有这个基础就可以使用Bootstrap。
bootstrap中文官网:http://www.bootcss.com
1.2 Bootstrap的优势
自 Bootstrap 3 起,框架包含了贯穿于整个库的移动设备优先的样式。
Bootstrap支持所有的主流浏览器。如:Internet Explorer、 Firefox、 Opera、 Google Chrome、Safari。
只要具备 HTML 和 CSS 的基础知识,您就可以开始学习 Bootstrap。Bootstrap 的响应式 CSS 能够自适应于台式机、平板电脑和手机。
1.3 响应式设计网页
1.3.1 网页的响应式设计
同一个网页可以自适应不同设备的屏幕宽度
1.3.1 电脑效果
1.3.2 移动端效果
1.4 响应式布局特点
同一个网页可以自适应不同的设备宽度。
1.5 支持四类设备
在bootstrap框架中有以下四种设备,以分辨率为标准来划分。
类样式以这些缩写开头
四类设备 | 缩写 |
---|---|
微型设备 | xs |
小型设备 | sm |
中型设备 | md |
大型设备 | lg |
2- Bootstrap目录
2.1 Bootstrap内容