Question

我想连续放置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>

Answer 1

用这样的col-md-3替换col-25，

{{1}}

希望有所帮助

如何防止离子反应性gride？

1 个答案: