У меня есть 2 кнопки на экране в Ionic 2, и я хочу выровнять их вместе (один поверх другого, но вместе) в середине экрана (горизонтальное и вертикальное выравнивание).
Я хочу использовать ионную сетку, без прокладки, поля, поплавки или проценты.
Итак, у меня есть этот
<ion-content>
<ion-grid>
<ion-row>
<ion-col text-center>
<button>button 1</button>
</ion-col>
</ion-row>
<ion-row>
<ion-col text-center>
<button>button 2</button>
</ion-col>
</ion-row>
</ion-grid>
</ion-content>
С <ion-col text-center>
я могу выровнять их по центру по горизонтали, но для вертикального выравнивания я не вижу ничего, к чему могу применить, поэтому я пробовал это:
ion-grid {
justify-content: center;
}
Но ничего не произошло. Я проверил, и это применяется к странице, но по какой-то причине она не работает. Любые идеи?