Button 如何防止离子液体中的响应网格？

我想把4个按钮排成一行。但是，当在较小屏幕设备上测试时，按钮将转到下一个新的行。我想在一行中固定4个按钮，调整按钮大小，但不将按钮推到下一行。。。。怎么做

    <ion-grid>


    <ion-row>
        <ion-col col-25>

    <!--    <button ion-button type="button" round small>House 1</button> -->

        <button ion-button small round>create</button>  

        </ion-col>

        <ion-col col-25>

    <!--    <button ion-button type="button" round small>House 2</button>  -->

                <button ion-button small round>views</button>

        </ion-col>

        <ion-col col-25>

        <!--<button ion-button type="button" round small>House 3</button> -->

                <button ion-button small round>update</button>

        </ion-col>


        <ion-col col-25>

    <!--    <button ion-button type="button" round small>House 4</button> -->

                <button ion-button small round>delete</button>

        </ion-col>


    </ion-row>




</ion-grid>

创造
意见
更新
删除

将col-25替换为col-md-3，如下所示：

<ion-grid>

    <ion-row>
        <ion-col col-md-3>

    <!--    <button ion-button type="button" round small>House 1</button> -->

        <button ion-button small round>create</button>  

        </ion-col>

        <ion-col col-md-3>

    <!--    <button ion-button type="button" round small>House 2</button>  -->

                <button ion-button small round>views</button>

        </ion-col>

        <ion-col col-md-3>

        <!--<button ion-button type="button" round small>House 3</button> -->

                <button ion-button small round>update</button>

        </ion-col>


        <ion-col col-md-3>

    <!--    <button ion-button type="button" round small>House 4</button> -->

                <button ion-button small round>delete</button>

        </ion-col>


    </ion-row>

创造
意见
更新
删除

希望这会有所帮助

我很高兴它有所帮助：）@Mikethetechy