将离子页脚杆中的元素直接排列在彼此下方

Question

如何让ion-footer-bar中的元素直接排列在彼此之下而不是彼此相邻？

例如：

由以下代码生成：

<ion-footer-bar>
    <div>
        sdsd
    </div>
    <div class="button-bar">
        <a class="button button-positive">First</a>
        <a class="button button-positive">Second</a>
    </div>
</ion-footer-bar>

在上面的示例中，我希望每个元素直接放在彼此之下，而不是彼此相邻。

Answer 1

解决方法是创建另一个页脚，您可以在此tuto中看到：https://www.tutorialspoint.com/ionic/ionic_js_footer.htm

在你的例子中，解决方案是：

<ion-footer-bar class="bar-subfooter>
    <div>
        sdsd
    </div>
</ion-footer-bar>
<ion-footer-bar class="bar-subfooter>
    <div class="button-bar">
        <a class="button button-positive">First</a>
    </div>
</ion-footer-bar>
<ion-footer-bar>
    <div class="button-bar">
        <a class="button button-positive">Second</a>
    </div>
</ion-footer-bar>