Bootstrap起步笔记

12. April 2016 笔记 0
QQ截图20160412153911
<meta name="viewport" content="width=device-width, initial-scale=1.0">移动优先
<meta name="viewport" content="width=device-width, 
                                         initial-scale=1.0, 
                                         maximum-scale=1.0, 
                                         user-scalable=no">//禁止缩放
.img-responsive {  //图片自适应
  display: inline-block;
  height: auto;
  max-width: 100%;
}
  <div class="col-xs-6 col-sm-3" > 屏幕分4块,浏览器缩小后,显示两块
 <div class="col-xs-6 col-md-offset-3" > 列偏移
<div class="col-md-4 col-md-push-8" >   </div>列排序
<div class="col-md-8 col-md-pull-4" >  </div> 
 

Leave a Reply

Your email address will not be published. Required fields are marked *