bootstrap的响应式

代码：

<meta name="viewport" content="width="device-width,user-scalable=no"" />

<href="bs/css/bootstrap.min.css"  />

栅格系统

布局容器：

container 固定宽度

container-fluid（100%宽度）

lg 大屏幕大桌面显示器（>=1200px）

md 中等屏幕桌面显示器（>=992px）

sm 小屏幕 平板（>=768px）

xs 超小屏幕 （<=768px）

列偏移

.col-md-offset-*

列排序

.col-md-push-*和.col-md-pull-*

html完整代码：

 <div class="container">container</div>

<div class="container-fluid">

         <div class="row">

                  <div class="col-md-2 col-md-offset-1 col-md-push-6  visible-xs">1</div>

                  <div class="col-md-2 col-md-offset-4 col-md-pull-4">2</div>

         </div>

</div>

 

文章来自：源码在线https://www.shengli.me/css/27.html