bootstrap基础

Bootstrap是一个基于HTML、CSS和JavaScript语言编写的框架，具有简单、灵活的特性，拥有样式库、组件和插件。
Bootstrap常用来开发响应式布局和移动设备优先的Web项目，能够帮助开发者快速搭建前端页面。

网址：Bootstrap中文网 (bootcss.com)

为什么使用bootstrap？

1. 移动设备优先:自Boatstrap 3起，框架包含了贯穿于整个库的移动设备优先的样式。

2. 浏览器支持:所有的主流浏览器都支持Baatstrap

3. 容易上手:只要您具备[HTML和CS5的基础知识，您就可以开始学习Bootstrap.

4. 响应式设计:Eootstrap的编应式CSS能够自适应于台式机.罕板电脑和手机。

   它为开发人员创建接口提供了一个简洁统一的解决方案。
   它包含了功能强大的内置组件。易于定制。
   它还提供了基于Web的定制.
   它是开源的:Bootstrap是完全开源的。代码的托管．开发和维护都在GitHub平台上完成

   1.栅格系统

栅格系统(Grid Systems)，即网格系统，它是一种清晰、工整的设计风格，用固定的格子进行网页布局。栅格系统最早应用于印刷媒体上，一个印刷版面上划分了若干个格子，非常方便排版。

 

栅格系统提供了基本的前缀，用于在不同宽度的屏幕中实现不同的排列方式，列的类名可以写多个，也就是可以同时设置.col-、.col-sm-、.col-md-、.col-g-和.col-x-类名。当同时使用这些类的时候，它会根据当前屏幕的大小来使相应的类生效，实现在不同屏幕下展示不同的页面结构。