html - 如何定位多个 ionic 导航按钮？

Question

我正在为我正在处理的元素使用 Ionic 框架，但我无法在 ionic 导航栏中将多个 Ionic 导航按钮彼此相邻放置，并且在网上找不到任何解决此问题的方法。

这是 html(2 个 ionic 导航按钮)

  <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 是否允许两个按钮都具有“右侧”属性，但它似乎不起作用。有谁知道如何在保持 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>