react-grid

3.0.7
react grid component
View on github
One of three columns
One of three columns
One of three columns

Equal-width

1 of 2
2 of 2
1 of 3
2 of 3
3 of 3
Column
Column
Column
Column

Setting one column width

1 of 3
2 of 3 (wider)
3 of 3
1 of 3
2 of 3 (wider)
3 of 3

Variable width content

1 of 3
Variable width content
3 of 3
1 of 3
Variable width content
3 of 3

Breakpoints

col
col
col
col
col-8
col-4

Stacked to horizontal

col-sm-8
col-sm-4
col-sm
col-sm
col-sm

Mix and match

.col-12 .col-md-8
.col-6 .col-md-4
.col-6 .col-md-4
.col-6 .col-md-4
.col-6 .col-md-4
.col-6
.col-6
.col-12 .col-sm-6 .col-md-8
.col-6 .col-md-4

Reordering

First, but unordered
Second, but last
Third, but first
First, but last
Second, but unordered
Third, but first

Offsetting

.col-md-4
.col-md-4 .offset-md-4
.col-md-3 .offset-md-3
.col-md-3 .offset-md-3
.col-md-6 .offset-md-3
Made with by SWIFT CARROT