Ionic Framework Grids

ionic_grids.html

<!-- columns -->
<div class="row">
  <div class="col col-50">.col.col-50</div>
  <div class="col">.col</div>
  <div class="col">.col</div>
</div>

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

 Offse Column   Percentage Classnames
.col-offset-10	10%
.col-offset-20	20%
.col-offset-25	25%
.col-offset-33	33.3333%
.col-offset-50	50%
.col-offset-67	66.6666%
.col-offset-75	75%
.col-offset-80	80%
.col-offset-90	90%

<!-- responsive columns -->
<div class="row responsive-sm"></div>

Responsive Class	Break when roughly
.responsive-sm	  Smaller than landscape phone
.responsive-md	  Smaller than portrait tablet
.responsive-lg	  Smaller than landscape tablet