小白向：bootstrap栅格布局

1.什么是bootstrap

1、Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。

2、Bootstrap，来自 Twitter，是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JavaScript 的，它简洁灵活，使得 Web 开发更加快捷。 [1] 它由Twitter的设计师MarkOtto和Jacob Thornton合作开发，是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎，一直是GitHub上的热门开源项目，包括NASA的MSNBC（微软全国广播公司）的BreakingNews都使用了该项目。 [2] 国内一些移动开发者较为熟悉的框架，如WeX5前端开源框架等，也是基于Bootstrap源码进行性能优化而来。

2.栅格布局

1、Bootstrap内置了一套响应式、移动设备优先的流式栅格系统，随着屏幕设备或视口（viewport）尺寸的增加，系统会自动分为最多12列。

2、网格系统的实现原理非常简单，仅仅是通过定义容器大小，平分12份(也有平分成24份或32份，但12份是最常见的)，再调整内外边距，最后结合媒体查询，就制作出了强大的响应式网格系统。Bootstrap框架中的网格系统就是将容器平分成12份。

3.使用方法

CDN

bootstrap中文网

引用链接

4.缺点、优点

优点，自适应布局，友好的移动端布局！

缺点，不兼容IE浏览器，修改代码！修改bootstrap样式，很困难！

5.更多讨论

  bootstrap中文网

 菜鸟教程-栅格布局

问题

1、xs,sm,md,lg分别对应多大的分辨率?

分别是超小屏幕手机 (<768px)小屏幕平板 (≥768px)中等屏幕桌面显示器 (≥992px)大屏幕大桌面显示器 (≥1200px)

2、bootsrap有哪些缺点

不支持IE，修给样式困难

3、bootstrap栅格还有24格的 要怎么设置

分别在十二的基础上嵌套，每个嵌套一个！

4、container与container-fluid有什么区别

container是文本居中

container-fluid占整行