Home » Framework7 Layout Grid

Framework7 Layout Grid

by Online Tutorials Library

Framework7 Layout Grids

Content grid is used to place the content according to your need. Framework 7 provides different types of grid types and different types of columns size.

A list of different types of classes for different column sizes:

Index Class Table class Width
1) col-5 tablet-5 5%
2) col-10 tablet-10 10%
3) col-15 tablet-15 15%
4) col-20 tablet-20 20%
5) col-25 tablet-25 25%
6) col-30 tablet-30 30%
7) col-33 tablet-33 33.3%
8) col-35 tablet-35 35%
9) col-40 tablet-40 40%
10) col-45 tablet-45 45%
11) col-50 tablet-50 50%
12) col-55 tablet-55 55%
13) col-60 tablet-60 60%
14) col-65 tablet-65 65%
15) col-66 tablet-66 66.6%
16) col-70 tablet-70 70%
17) col-75 tablet-75 75%
18) col-80 tablet-80 80%
19) col-85 tablet-85 85%
20) col-90 tablet-90 90%
21) col-95 tablet-95 95%
22) col-100 tablet-100 100%
23) col-auto tablet-auto Equal width

Example

Test it Now

You may also like