如何使网格与离子中的引导程序相同?

时间:2015-11-27 12:57:57

标签: ionic-framework

我在离子框架上创建了一个网格,但它与引导网格不同,就像响应一样。所以我想将同一个网格作为引导程序。

<div class="row">
    <div class="col col-33" ng-click="goProfile()"> 
        <div class="box"></div> 
    </div>
</div> 
<div class="col col-33" ng-click="gotoExtProfile()"> 
    <div class="box"></div> 
    <div class="box-title"><a href="">Extended Profile</a></div>
 </div> 
<div class="col col-33" ng-click="gotoMspAgreements()"> 
    <div class="box"></div>
</div> 
</div> 
</div>

1 个答案:

答案 0 :(得分:0)

在这里你可以看到离子网格是如何工作的

  

默认情况下,行中添加的每个col都会自动收到一个   等量的可用面积.......
  .....本例中五列中的每一列均匀占据可用宽度的20%(谢谢flexbox)。

<div class="row">
  <div class="col">.col</div>
  <div class="col">.col</div>
  <div class="col">.col</div>
  <div class="col">.col</div>
  <div class="col">.col</div>
</div>

http://ionicframework.com/docs/components/#grid-even