Problem with buttons inside bar-footer

I want to have 3 buttons in the footer, i tried with pull-right and pull-left without results. Now i tried with button-bar and this is the result:

and this is the code, just the same that appear in the components docs.

<div class="bar bar-footer">
  <div class="button-bar">
    <a class="button">First</a>
    <a class="button">Second</a>
    <a class="button">Third</a>
  </div>
</div>

I am doing something wrong or what? i didn’t updated to beta 7, i am in beta 6.

Try something like this.

<ion-toolbar position="bottom">
  <ion-segment>
    <ion-segment-button>
      Kittens
    </ion-segment-button>
    <ion-segment-button>
      Birds
    </ion-segment-button>
    <ion-segment-button>
      Puppies
    </ion-segment-button>
  </ion-segment>
</ion-toolbar>