BootStrap2学习日记2--将固定布局换成响应式布局

概要：响应式页面是指页面根据浏览平台（尺寸）的不同显示不同的CSS。

原理：在Html的的头加入代码

<style>

　　/*当浏览器宽度大于767是 采用括号里面的CSS样式*/

　　@media(min-width:767px){body(background:red)}

　　/*当浏览器宽度小于767px的时候采用 */

　　@media(max-width:767px){body(background:red}

　　/*当浏览器宽度大约767px小于960px的时候采用 */

　　@media(min-width:767px) and (max-width:960px){body(background:red)}

</style>

在BootStrap2中要把固定布局转换成响应式布局只需要在其中倒入bootstrap-responsive.css样式即可