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>

我不确定离子是否允许两个按钮都有＆＃34;右侧＆＃34;属性，但似乎它不起作用。有没有人知道如何将这些按钮彼此相邻放置在导航栏的中间右侧，同时保持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>

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

1 个答案: