Bootstrap布局方式详解

Bootstrap 3 是移动设备优先的，在这个意义上，Bootstrap 代码从小屏幕设备（比如移动设备、平板电脑）开始，然后扩展到大屏幕设备（比如笔记本电脑、台式电脑）上的组件和网格。 一、移动设备优先策略 1、内容： 决定什么是最重要的。 2、布局 优先设计更小的宽度。 基础的 CSS 是移动设备优先，媒体查询是针对于平板电脑、台式电脑。 3、渐进增强 随着屏幕大小的增加而添加元素。 响应式网格系统随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多12列。如下图： 二、Bootstrap 网格系统（Grid System）的工作原理 网格系统通过一系列包含内容的行和列来