1.1 栅格系统介绍 利用Bootstrap做响应式内部采取的是一种叫做栅格系统的方式。 栅格系统：英文名gridsystems,又称网格系统，它是指将页面布局划分成等宽的列，然后通过列数的定义来模块化页面布局。 与rem划分等份数不同的是：rem响应式布局中是将整个屏幕划分成若干等分，而栅格 ...

百分比布局+媒体查询 首先通过媒体查询确认container的宽度，每个col-xx-xx都是通过百分比定义的，屏幕尺寸变化了，container就变化了，col自然就变了 Bootstrap的官方解释：Bootstrap提供了一套响应式、移动设备优先的流式栅格系统，随着屏幕或视口 ...

1、历史背景 　　Bootstrap是Twitter的工程师Mark Otto和Jacob Thornton开发的一套供内部使用的UI框架，于2011年开源。2012年发布的第二版中新增了12列栅格系统和响应式组件，2013年发布的第三版进一步改造为扁平化视觉风格和优先支持移动设备。把握潮流 ...

bootstrap是一款前端样式开发的工具包，非常方便实用，可以使做出来的页面布局更加高端美观上档次，这次的例子是用到bootstrap的响应式表格，可以非常方便的使你的表格提升一个档次，由丑小鸭变成美丽的白天鹅！适用于手机、平板、台式机各种客户端。 首先我们用到的表是骑车表car ...

...

概述 BootStrap 响应式布局使得同一套页面可以兼容不同分辨率的设备。 如苹果官网：不同的尺寸宽度，就有不同的布局。 可以看出其布局有区别了。 它的实现依赖于栅格系统，栅格系统是将一行平均分成12个格子，可以指定元素占几个格子 实现步骤 定义容器。类似于中 ...

说明： 　　这几天公司要求网站实现响应式布局，所以对响应式布局进行了相对全面的了解，并做了几个实例。 　　转载请注明源地址，谢谢^_^， http://www.cnblogs.com/liu-zhen/p/4493679.html 响应式布局介绍 ...

利用百分比做为长度单位来划分成均等的长度。 4、响应式布局：通过检测设备信息，决定网页布局方式，即用户 ...