有偏移量的网格

2017-07-20 16:30:00
admin
原创
321
<html ng-app="ionicApp">
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
<title> </title>
<link href="https://cdn.bootcss.com/ionic/1.3.2/css/ionic.css" rel="stylesheet">
<script src="https://cdn.bootcss.com/ionic/1.3.2/js/ionic.bundle.min.js"></script>
<style>
.col{
  background-color: #F9FAFB;
  padding: 5px;
  border: 1px solid #ddd;
  border-radius: 2px;
  text-align: center;
}
</style>
</head>
<body>
  
  <div class="bar bar-header">
    <div class="h1 title">偏移量</div>
  </div>

 <div class="content has-header">

    <div class="row">
      <div class="col col-33 col-offset-33">
        <div class="col-demo">.col</div>
      </div>
      <div class="col">
        <div class="col-demo">.col</div>
      </div>
    </div>

    <div class="row">
      <div class="col col-33">
        <div class="col-demo">.col</div>
      </div>
      <div class="col col-33 col-offset-33">
        <div class="col-demo">.col</div>
      </div>
    </div>

    <div class="row">
      <div class="col col-33 col-offset-67">
        <div class="col-demo">.col</div>
      </div>
    </div>

  </div>
</body>
</html>
文章分类
联系我们
电话: 18902328227
Email: 2689701946@qq.com
QQ: 2689701946
微信: 18902328227
地址: 广州番禺区繁华路
  • 在线客服
  • 关注微信
  • 联系电话
    • 欢迎咨询
    • 欢迎加入QQ群 303257430
  • 公众号:源宝网络
    • 联系电话及微信号 18902328227