Column Responsive
|
Extra small <544px |
Small ≥544px |
Medium ≥768px |
Large ≥992px |
Extra large ≥1200px |
|
|---|---|---|---|---|---|
| 1 Column |
column-xs-1
|
column-sm-1
|
column-md-1
|
column-lg-1
|
column-xl-1
|
| 2 Columns |
column-xs-2
|
column-sm-2
|
column-md-2
|
column-lg-2
|
column-xl-2
|
| 3 Columns |
column-xs-3
|
column-sm-3
|
column-md-3
|
column-lg-3
|
column-xl-3
|
| 4 Columns |
column-xs-4
|
column-sm-4
|
column-md-4
|
column-lg-4
|
column-xl-4
|
| 5 Columns |
column-xs-5
|
column-sm-5
|
column-md-5
|
column-lg-5
|
column-xl-5
|
| 6 Columns |
column-xs-6
|
column-sm-6
|
column-md-6
|
column-lg-6
|
column-xl-6
|
| 7 Columns |
column-xs-7
|
column-sm-7
|
column-md-7
|
column-lg-7
|
column-xl-7
|
| 8 Columns |
column-xs-8
|
column-sm-8
|
column-md-8
|
column-lg-8
|
column-xl-8
|
| 9 Columns |
column-xs-9
|
column-sm-9
|
column-md-9
|
column-lg-9
|
column-xl-9
|
| 10 Columns |
column-xs-10
|
column-sm-10
|
column-md-10
|
column-lg-10
|
column-xl-10
|
| 11 Columns |
column-xs-11
|
column-sm-11
|
column-md-11
|
column-lg-11
|
column-xl-11
|
| 12 Columns |
column-xs-12
|
column-sm-12
|
column-md-12
|
column-lg-12
|
column-xl-12
|
Fixed Height Column Responsive
| Column Height |
Extra small <544px |
Small ≥544px |
Medium ≥768px |
Large ≥992px |
Extra large ≥1200px |
|---|---|---|---|---|---|
| auto |
list-height-xs-auto
|
list-height-sm-auto
|
list-height-md-auto
|
list-height-lg-auto
|
list-height-xl-auto
|
| 60px |
list-height-xs-1
|
list-height-sm-1
|
list-height-md-1
|
list-height-lg-1
|
list-height-xl-1
|
| 120px |
list-height-xs-2
|
list-height-sm-2
|
list-height-md-2
|
list-height-lg-2
|
list-height-xl-2
|
| 200px |
list-height-xs-3
|
list-height-sm-3
|
list-height-md-3
|
list-height-lg-3
|
list-height-xl-3
|
| 240px |
list-height-xs-4
|
list-height-sm-4
|
list-height-md-4
|
list-height-lg-4
|
list-height-xl-4
|
| 360px |
list-height-xs-5
|
list-height-sm-5
|
list-height-md-5
|
list-height-lg-5
|
list-height-xl-5
|
| 480px |
list-height-xs-6
|
list-height-sm-6
|
list-height-md-6
|
list-height-lg-6
|
list-height-xl-6
|
