如何定位多個離子導航按鈕？

Question

我正在爲我正在使用的項目使用Ionic框架，但我無法在離子導航欄中將多個離子導航按鈕彼此相鄰放置，並且在網上找不到任何解決此問題的方法。

這是HTML（2個離子導航按鈕）

<ion-nav-bar class="bar-dark"> 
     <ion-nav-buttons side="right"> 
      <button class="button button-clear button-positive">about</button> 
     </ion-nav-buttons> 


     <ion-nav-buttons side="right"> 
      <button class="button button-balanced"><i class="icon ion-compose"></i>contact</button> 
     </ion-nav-buttons> 

</ion-nav-bar> 

我不知道如何離子是否允許兩個按鈕有「右側」屬性，但現在看來似乎不起作用。有誰知道如何在保持Ionic的響應式設計的同時將這些按鈕朝向導航欄的右中側定位？任何幫助表示讚賞。謝謝。

Answer 1

你需要將它們分組到同一ion-nav-buttons

<ion-nav-bar class="bar-dark"> <ion-nav-buttons side="right"> <button class="button button-clear button-positive">about</button> <button class="button button-balanced"><i class="icon ion-compose"></i>contact</button> </ion-nav-buttons> </ion-nav-bar>