mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-19 19:57:22 +08:00
45 lines
833 B
HTML
45 lines
833 B
HTML
<ion-toolbar><ion-title>Grid</ion-title></ion-toolbar>
|
|
|
|
<ion-content class="grid-demo">
|
|
<ion-row>
|
|
<ion-col>Col 1</ion-col>
|
|
<ion-col>Col 2</ion-col>
|
|
<ion-col>Col 3</ion-col>
|
|
<ion-col>
|
|
Col 4<br>
|
|
w/ 3 lines<br>
|
|
of text<br>
|
|
</ion-col>
|
|
</ion-row>
|
|
|
|
<ion-row center>
|
|
<ion-col>Col 1</ion-col>
|
|
<ion-col>Col 2</ion-col>
|
|
<ion-col>Col 3</ion-col>
|
|
<ion-col>
|
|
Col 4<br>
|
|
w/ 3 lines<br>
|
|
center<br>
|
|
</ion-col>
|
|
</ion-row>
|
|
|
|
<ion-row baseline>
|
|
<ion-col>Col 1</ion-col>
|
|
<ion-col>Col 2</ion-col>
|
|
<ion-col>Col 3</ion-col>
|
|
<ion-col>
|
|
Col 4<br>
|
|
w/ 3 lines<br>
|
|
baseline<br>
|
|
</ion-col>
|
|
</ion-row>
|
|
</ion-content>
|
|
|
|
<style>
|
|
.grid-demo ion-col {
|
|
background-color: #f7f7f7;
|
|
border: 1px solid #ddd;
|
|
margin: 1px;
|
|
}
|
|
</style>
|