ionic2 toolbar with filled 2 buttons


#1

I want button1 and button2 to fill ~50% width of the screen, it will be one row, but they are not filled the screen width.
How can I do?

<ion-toolbar position="bottom">
  <ion-buttons start>
    <button danger outline (click)="resetItems()">
      <ion-icon name="create">
        Button 1
      </ion-icon>
    </button>
  </ion-buttons>
  <ion-buttons end>
    <button primary outline>
      <ion-icon name="star">
      Button 2
      </ion-icon>
    </button>
  </ion-buttons>
</ion-toolbar>

#2

try ion-segment instead.

  <ion-segment>
    <ion-segment-button>
      button1
    </ion-segment-button>
    <ion-segment-button>
      button 1
    </ion-segment-button>
  </ion-segment>
</ion-toolbar>