イオンフッタバーの要素を直接下に並べる

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> 

、Iは各要素が配置されたいです互いに隣り合っているのではなく、互いに直接下にある。

Answer 1

ソリューションは、あなたがこのtutoで見ることができるように別のフッターを作成することです：あなたexempleで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>