bootstrap

使用bootstrap，响应式布局，头部，是根据设备的大小自适应屏幕大小其中一点，第二点，

<meta name="viewport"
content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">

自适应布局：

<div class="container-fluid">
<div class="row-fluid">

固定布局：

<div class="container">
<div class="row">

详见网站  http://www.bootcss.com/p/layoutit/   

栅格化  <div class="col-s col-"></div >总共12 小屏幕显示一格 中等屏幕2个 大屏幕3个等.

div class="row"

  div class="col-xs-12 col-sm-6 col-md-8"手机小屏幕占据全部栏栅，ipad中屏幕占据6个栏栅，电脑桌面占8个栏栅/div

  div class="col-sm-6 col-md-4"手机小屏幕换行显示，ipad中屏幕占据6个栏栅，电脑桌面占4个栏栅/div

/div