ionic add two button in ion-footer-bar

Question

i want add two button in ion-footer-bar like picture but my code not work correctly.

<ion-footer-bar class="bar-positive" padding="false">
    <h1 class="title col col-50 no-padding remove-filter">
        Button 333333333
    </h1>
    <h1 class="title col col-50 no-padding remove-filter">
        Button 333333333
    </h1>
</ion-footer-bar> 

Answer 1

In ionic2+, you can do something like this..

<ion-header>
    <ion-navbar>
        <ion-title>My Page</ion-title>
    </ion-navbar>
</ion-header>
<ion-content>
</ion-content>
<ion-footer>
    <ion-row>
        <ion-col no-padding>
            <button no-margin ion-button full large color="primary">Update</button>
        </ion-col>
        <ion-col no-padding>
            <button no-margin ion-button full large color="danger">Cancel</button>
        </ion-col>
    </ion-row>
</ion-footer>

Answer 2

you can try like this... hope it may help

    <ion-footer-bar align-title="left" class="bar-assertive">
        <ion-tabs class="tabs-positive tabs-icon-top">

          <ion-tab title="Home" icon-on="ion-ios-filing" icon-off="ion-ios-filing-outline">
            <!-- Tab 1 content -->
          </ion-tab>

          <ion-tab title="About" icon-on="ion-ios-clock" icon-off="ion-ios-clock-outline">
            <!-- Tab 2 content -->
          </ion-tab>

          <ion-tab title="Settings" icon-on="ion-ios-gear" icon-off="ion-ios-gear-outline">
            <!-- Tab 3 content -->
          </ion-tab>

        </ion-tabs>
</ion-footer-bar>