BootStrap3之栅格系统

什么是框架？

为了解决某种问题而设计的开发结构（具有一定约束性）

【优点】：

• 更快更好的完成项目任务。
• 维护性好
• 稳定性安全性好

【缺点】：

• 解决某种问题，不是所有问题
• 具有约束性，有自己定义的规则，入门难
• 代码膨胀 

 

 BootStrap是Twitter开发的一种Web框架，用于更快地设计响应式网页和应用程序。

Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。

栅格系统的介绍

容器：

container-fluid：流体布局

container 固定宽布局

1170px   970px   750px   auto

视口的宽>=1200时  container的width=1170        大PC机

视口的宽=（992~1199）时   container的width=970  小PC机

视口的宽=（768~991）时   container的width=750   pad

视口的宽=（0~767）时    container的width=auto   移动设备

 

概念：

将容器分为12列

row  表示行

col  表示列

col-device-number 代表了具体占几格 

lg:large       大设备

md:middle      中等设备

sm:small       小型设备

xs:xsmall      超小型设备

number：删格的个数