Html 离子导航按钮未显示在右侧

我正在做一个项目，我有一个问题。 我在

index.html

<ion-side-menus>
    <ion-side-menu-content>
        <ion-nav-bar class="bar-dark nav-title-slide-ios7">
            <ion-nav-back-button class="button-clear">
                <i class="ion-arrow-left-c"></i> Back
            </ion-nav-back-button>
        </ion-nav-bar>
        <ion-nav-view animation="slide-right-left"></ion-nav-view>
    </ion-side-menu-content>

    <ion-side-menu side="right">
      ......
    </ion-side-menu>

</ion-side-menus>

问题在于navicon按钮未按预期显示：

我已经在我的手机上试用了这个应用程序，它与图片中的相同

有什么问题吗？谢谢。

我发现了问题

我在其他CSS中覆盖了一些按钮样式

<ion-view>
  <ion-nav-buttons side="right">
    <button menu-toggle="right" class="button button-icon button-clear ion-navicon"></button>
  </ion-nav-buttons> 

  <ion-content class="has-header" padding="true">
       <h1 style="text-align: center;">Home Page</h1>
  </ion-content>
</ion-view>