无法将标题左侧的菜单按钮对齐

Question

我提到我的button按照上述链接对齐左右start和end键。但我无法按照链接中的视图设置我的按钮这里是我的输出图像

这是我的代码

<ion-header class="home">
  <ion-navbar primary padding>
    <ion-row> 
      <ion-buttons start>
      <button menuToggle >
        <ion-icon name="menu"></ion-icon>

      </button>
      </ion-buttons>

      <ion-title>Auto Parts</ion-title>

      <ion-buttons end>
            <button> <ion-icon name="document"></ion-icon></button>&nbsp;&nbsp;&nbsp;
            <button><ion-icon name="heart"></ion-icon></button>&nbsp;&nbsp;&nbsp;
            <button><ion-icon name="cart"></ion-icon></button>
      </ion-buttons>
    </ion-row>

    <ion-row>
      <ion-searchbar (ionInput)="getItems($event)"></ion-searchbar>
    </ion-row>

  </ion-navbar>

</ion-header>

到目前为止我尝试的是：

  

浮动：对;和float：left;

     

algin：对

但无法让我的按钮离开