如何使用bootstrap栅格布局？

一、背景介绍

Bootstrap，来自 Twitter，是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JavaScript 的，它简洁灵活，使得 Web 开发更加快捷。

今天分享的知识点：

*栅格系统实现原理

*container/row/col之间的关系

*自定义列

*用媒体查询实现响应式布局

二、知识剖析

（一）栅格布局实现原理

“行（row）”必须包含在 .container （固定宽度）或 .container-fluid （100% 宽度）中，以便为其赋予合适的排列（aligment）和内补（padding）。