Bootstrap概念和基本结构（网格系统）

---

前言

本篇文章开始对Bootstrap的简述及它所包含内容的大致了解。对于Bootstrap概念的理解，对于学习这块知识起着非常重要的作用。

---

一、Bootstrap概念及优点（使用Bootstrap的原因）

1.概念：

首先，Bootscript是目前比较受欢迎的前端框架。其次，它是基于HTML、CSS、JAVASCRIPT的，它使得Web开发比较的快捷。（主要是栅格系统使得布局更加的方便）。最后，它还是GitHup上发布的开源产品。

2.优点（原因）：
（1）移动设备优先：自Bootstrap3起，框架包含了贯穿于整个库的移动设备优先的样式。什么是移动设备优先？在这里解释一下。移动设备优先是起初的样式是在移动设备上写的，在写到sm尺寸的时候起初的样式就得改变了，于是就加media screen max-width >=768， 再写sm的样式，这样尺寸递进就完成了所有的媒体查询。其中移动设备优先的栅格系统，屏幕和视口会随着屏幕尺寸的增大而改变。
（2）浏览器支持：比如说，现在的主流浏览器谷歌，IE等都支持Bootstrap。
ÿ