前 言 絮叨絮叨 　Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。 　而栅格系统是Bootstrap中的核心，正是因为栅格系统的存在，Bootstrap才能有着如此强大的响应式布局方案 ...

栅格系统 媒体查询 在栅格系统中，我们在 Less 文件中使用以下媒体查询（media query）来创建关键的分界点阈值。 栅格参数 实例：从堆叠到水平排列 实例：流式布局容器 将最外面的布局元素 .container 修改为 .container-fluid，就可以 ...

...

bootstrap提供了一个非常实用的栅格系统，可以实现响应式的网格布局，原理其实很简单，利用了float、百分比的宽度和@media的配合实现响应式，bootstrap默认把一行分为了12列，提供了xs、sm、md、lg四个不同的尺寸，而这四种尺寸其实是一样大的，只是在不同的页面宽度才会 ...

基本用法 　网格系统用来布局，其实就是列的组合。Bootstrap框架的网格系统中有四种基本的用法。由于Bootstrap框架在不同屏幕尺寸使用了不同的网格样式，在这一节中所涉及到的示例，我们都以中屏（970px）为例进行介绍，其他屏幕的使用也类似这一种。 1、列组合 列组合简单理解就是更改 ...

前面的话 　　Bootstrap 提供了一套响应式、移动设备优先的流式栅格系统，随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多12列。栅格系统没有官方的定义，但根据网上的各种描述，可以这样定义，以规则的网格阵列来指导和规范网页中的版面布局以及信息分布。本文将详细介绍 ...

Bootstrap-栅格系统 基本格式 基础例子 等宽 指定宽度 自动宽度 响应屏幕大小 列偏移 列嵌套行 预置类实现特殊布局例子 自动margin ...

1、栅格系统（布局）Bootstrap内置了一套响应式、移动设备优先的流式栅格系统，随着屏幕设备或视口（viewport）尺寸的增加，系统会自动分为最多12列。 我在这里是把Bootstrap中的栅格系统叫做布局。它就是通过一系列的行（row）与列（column）的组合 ...