响应式布局的原理就是利用css3中@media媒体来实现的
<html>
<head>
<meta charset="utf-8">
<title>布局</title> <style type="text/css"> body{ background-color: #fff;
} @media(min-width: 768px){body{ background-color: red;
}} </style> </head>
<body> </body>
</html>
Bootstrap学习笔记-响应式布局原理