2016-10-25 6 views
0

このコードはイオン性であり、グリッドレイアウトが表示されず、サイドメニューがうまくいけば、どんな助けも素晴らしいでしょう。グリッドレイアウトがイオン性で表示されない1

<body> 

<ion-side-menus> 
    <ion-side-menu-content> 

     <ion-header-bar class="bar-positive"> 
     <div class="buttons"> 
      <button class="button icon button-clear ion-round"</button>   
     </div> 

     </ion-header-bar> 
    </ion-side-menu-content> 
    <ion-side-menu side="left"> 

    <ion-list> 
     <ion-item>About Us</ion-item> 
    </ion-list> 

    <ion-list> 
     <ion-item>Contact Us</ion-item> 
    </ion-list> 

    <ion-list> 
     <ion-item>Gallery</ion-item> 
    </ion-list> 

    <ion-list> 
     <ion-item>News</ion-item> 
    </ion-list> 

    </ion-side-menu> 
    </ion-side-menus> 

<ion-content> 
    <div class="row">  

    <div class="col-50"> Gallery</div> 
    </div> 
</ion-content> 

    </body> 

答えて

0

なぜすべてのアイテムに新しいイオンリストを開いていますか?あなたは一つのリストを使い、それにあなたが望むアイテムを挿入するべきではありませんか?

このようにすると、スクロールに問題が発生する可能性があります。要素に適用する配布は、CSSで行う必要があります。

関連する問題