1、要建立响应式网站的布局，这个时候bootstrap的高级就能体现出来了。
2、先来了解一下bootstrap提供了哪些响应式工具供我们使用：
（1）屏幕宽度尺寸的概念：
<768px 超小屏幕（手机）
768px>= <992px 小屏幕（平板）
992px>= <1200px 中等屏幕（桌面）
>=1200px 大屏幕（桌面）
（2）通过单独或联合使用以下列出的类，可以针对不同屏幕尺寸隐藏或显示页面内容
隐藏的时候和面没有带*号，显示的时候带一个*号。这是因为，显示分为block、inline-block和inline三种情况。隐藏就是none，所以不带*号。
原文：http://www.cnblogs.com/sylz/p/5793234.html