如何定位多个离子导航按钮？

Question

我正在为我正在处理的项目使用 Ionic 框架，但我无法在 ionic 导航栏中将多个 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 是否允许两个按钮都具有 "right side" 属性，但它似乎不起作用。有谁知道如何在保持 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>

如何定位多个离子导航按钮？

How to position multiple Ionic nav buttons?

html

css

ionic-framework