响应式图片

通过添加.img-responsive class可以让Bootstrap 3中的图片对响应式布局的支持更友好。其实质是为图片赋予了max-width: 100%; 和height: auto;属性，可以让图片按比例缩放，不超过其父元素的尺寸。
<img src="..." class="img-responsive" alt="Responsive image">

960栅格布局法

屏幕分辨率为1024*768.采用界面宽为960px的一种布局方式

1.12列式：每格60px 间距20px 3 6 3版 3格式布局（最常用）
2.16列式：每格40px 间距20px 3 3 6 4版 四格式布局
3.24列式：每格30px 间距10px 很少用
4.32列式：极少用