离子网格正在显示内嵌

我刚刚了解离子网格。我在一台Windows电脑上工作，离子版本是2.2.3离子网格正在显示内嵌

我试图按照https://ionicframework.com/docs/api/components/grid/Grid/节中的非常简单的例子，等宽。逻辑就像使用引导程序一样，我只是从那里粘贴网格结构。然而

结果是内联元素：

代码：

<ion-view view-title="{{::products.messages.title}}"> 
    <ion-content> 
    <ion-grid> 
     <ion-row> 
     <ion-col> 
      1 of 2 
     </ion-col> 
     <ion-col> 
      2 of 2 
     </ion-col> 
     </ion-row> 
     <ion-row> 
     <ion-col> 
      1 of 3 
     </ion-col> 
     <ion-col> 
      2 of 3 
     </ion-col> 
     <ion-col> 
      3 of 3 
     </ion-col> 
     </ion-row> 
    </ion-grid> 
    </ion-content> 
</ion-view>

这只是一个测试，这样我就可以玩的网格，但我已经卡住在此刻。我唯一能想到的就是安装的离子版本不支持网格。但是，它是2.2.3，并且网格支持离子2.

来源

2017-06-12 Amelia Grimaldi

你似乎是混合了离子1和2..there没有'离子view'离子2 –

@suraj好了，现在我有点困惑。如果离子的版本是2.2.3，那不是说我有离子2吗？ –

你在package.json中有'ionic-angular'吗？它的版本是什么？ –

检查如下。你错过了列定义的数量<ion-col>

<ion-grid> 
    <ion-row> 
    <ion-col col-12>This column will take 12 columns</ion-col> 
    </ion-row> 
    <ion-row> 
    <ion-col col-6>This column will take 6 columns</ion-col> 
    </ion-row> 
</ion-grid>

来源

2017-06-12 11:41:34

不一定。根据文档，如果没有定义列宽度，离子将对列的整个行宽进行平均分割。在任何情况下，我也试着定义列宽，但仍然得到相同的结果。 –

离子网格正在显示内嵌

回答

相关问题