title: How do I fix a button to bottom ionic?
body: <p>I tried different possibilities to fix a button to bottom:</p>
  <pre><code>&lt;ion-header&gt;
      &lt;ion-navbar&gt;
          &lt;ion-title&gt;
              &lt;b &gt; Audio Recorder&lt;/b&gt;
          &lt;/ion-title&gt;
      &lt;/ion-navbar&gt;
      &lt;ion-toolbar &gt;
          &lt;ion-segment color=&quot;danger&quot;&gt;
              &lt;ion-segment-button  value=&quot;camera&quot;&gt;
                  Recorder
              &lt;/ion-segment-button&gt;
              &lt;ion-segment-button   (click)=&quot;ListAudioFiles()&quot;&gt;
                  Recording List
              &lt;/ion-segment-button&gt;
          &lt;/ion-segment&gt;
      &lt;/ion-toolbar&gt;
  &lt;/ion-header&gt;
  
      &lt;ion-content class=&quot;has-footer&quot; padding&gt;
          &lt;p *ngIf=&quot;!status&quot; style=&quot;text-align: center; color: red;&quot;&gt;&lt;b&gt; Recording... &lt;/b&gt;&lt;/p&gt;
          &lt;p *ngIf=&quot;!status&quot; style=&quot;text-align: center; color: black; font-size: 40px;&quot;&gt;{{total}}&lt;/p&gt;
          &lt;ion-grid style=&quot;text-align: center;&quot;&gt;
              &lt;ion-icon *ngIf=&quot;status&quot; style=&quot;font-size: 180px;&quot; (click)=&quot;startRecording()&quot; name=&quot;mic&quot;&gt;&lt;/ion-icon&gt;
              &lt;ion-icon *ngIf=&quot;!status&quot; style=&quot;font-size: 180px; color: red&quot; (click)=&quot;stopRecording()&quot; name=&quot;mic&quot;&gt;&lt;/ion-icon&gt;
          &lt;/ion-grid&gt;
      &lt;ion-content&gt;
  </code></pre>
  <p>And I also have a doubt if I added a button to header. I need to highlight the button I clicked. If I am in listing, the page listing button must be highlighted, and if the recorder clicked that button should be highlighted, and respective page should be loaded.</p>
  <p><a href="https://i.stack.imgur.com/PXgsT.png" rel="noreferrer"><img src="https://i.stack.imgur.com/PXgsT.png" alt="enter image description here" /></a></p>