Как разместить несколько ионных кнопок навигации?

Question

Я использую Ionic framework для проекта, над которым я работаю, но у меня возникли проблемы с позиционированием нескольких ионных навигационных кнопок рядом друг с другом в ионной навигационной панели и не нашел ничего онлайн для решения этой проблемы.

Это 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>