Place ionic item to right side

Ionic Framework ionic-v3
1

I want to place a button in right side

image
image1366×768 43.5 KB

<ion-header style="background-color: #44739d;">

  <ion-toolbar color="#44739d">

    <ion-title>Header</ion-title>

  </ion-toolbar>

</ion-header>

<ion-content>


  <ion-list>

    <ion-item>

      <ion-label>Operating System</ion-label>

      <ion-select ok-text="Okay" cancel-text="Nah">

        <ion-select-option value="dos">DOS</ion-select-option>

        <ion-select-option value="lunix">Linux</ion-select-option>

        <ion-select-option value="mac7">Mac OS 7</ion-select-option>

        <ion-select-option value="mac8">Mac OS 8</ion-select-option>

        <ion-select-option value="win3.1">Windows 3.1</ion-select-option>

        <ion-select-option value="win95">Windows 95</ion-select-option>

        <ion-select-option value="win98">Windows 98</ion-select-option>

      </ion-select>

    </ion-item>

  </ion-list>



  <ion-list>

    <ion-item>

      <ion-label>Operating System</ion-label>

      <ion-select ok-text="Okay" cancel-text="Nah">

        <ion-select-option value="dos">DOS</ion-select-option>

        <ion-select-option value="lunix">Linux</ion-select-option>

        <ion-select-option value="mac7">Mac OS 7</ion-select-option>

        <ion-select-option value="mac8">Mac OS 8</ion-select-option>

        <ion-select-option value="win3.1">Windows 3.1</ion-select-option>

        <ion-select-option value="win95">Windows 95</ion-select-option>

        <ion-select-option value="win98">Windows 98</ion-select-option>

      </ion-select>

    </ion-item>

  </ion-list>

  <ion-button>Next</ion-button>

</ion-content>

<ion-footer style="background-color: #44739d;">

  <ion-toolbar color="#44739d">

    <ion-title>Footer</ion-title>

  </ion-toolbar>

</ion-footer>

Questions :

  1. Is there any ionic class? that I can call and put the button right side without writing any CSS by myself
    [ a special note : if u want to talk about 12 columns system , then answer me : How can i put the button to the end of 5th column? ]

  2. Is there any way to use CSS utility in a way that : the button will be on right side no matter what the screen size is?
    [sometimes, in small screen, my button is just gone from screen - that means too much right side, how to avoid that : I want to preserve responsiveness ]

2

here is docs that has everything that you need