Grid 爱奥尼亚2新网格系统没有像响应sm一样调整按钮大小

我正在使用新的离子2。我需要使用带有

col sm

属性的网格系统的按钮大小帮助。当我对行使用

responsive sm

时，行内的按钮自动排列宽度。如何通过新的电网系统实现这一点

新代码：

<ion-row col-sm>
    <button ion-button icon-left>
       <ion-icon name="cloud-upload"></ion-icon> Upload files  Firebase
    </button>

    <button ion-button icon-left color="danger">
        <ion-icon name="remove-circle"></ion-icon> Clear files
    </button>       
</ion-row>

样本：

---

首先，

离子行

不应包含

列sm

属性。

ion行

清楚地定义了行元素，而不是大小本身。响应属性应放置在

离子列中

，以便根据窗口大小明确定义宽度步长<代码>离子行应包含

顶部

、

中间

和

底部

ion按钮

应包含响应属性或按钮应包装在

ion列

中

要添加的两个重要属性是

col-12

和

col-sm

，如

<button ion-button col-12 col-sm> Upload files Firebase </ion-col>

上传文件Firebase

col-12

该属性专门定义了作为窗口全长的12列（共12列）的数量

col-sm 这是与

col-12

一起使用的断点

这告诉它在小断点处占用12列，然后更改为等宽列

这一切都是基于新的网格系统，它有官方文件，你可以

您可能希望在新的网格系统中特别了解您想要实现的目标

<button ion-button col-12 col-sm> Upload files Firebase </ion-col>