wie man reaktionsschnellen in ionischen verhindern?

Question

Ich möchte 4 Tasten in einer Reihe platzieren. Die Schaltflächen gehen jedoch bei der Prüfung auf kleineren Bildschirmgeräten zur nächsten neuen Zeile. Ich möchte 4 Knöpfe in einer Reihe reparieren und die Knopfgrößen justieren, aber nicht den Knopf zur nächsten Linie drücken .... wie man das macht?

<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

ersetzen col-25 mit col-MD-3 wie diese,

<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> 

Hoffnung, die