ProClinic-医院管理系统Bootstrap4前端框架

Bootstrap grid system is beatiful and very easy to implement. split .col-sminside .row.

One of three columns

This grid system automatically split .coleqal width.

1 of 2

2 of 2

1 of 3

2 of 3

3 of 3

This grid system automatically adjust .colwidth.

1 of 3

2 of 3 (wider)

3 of 3

1 of 3

2 of 3 (wider)

3 of 3

This grid system automatically justify .colwidth.

1 of 3

Variable width content

3 of 3

1 of 3

Variable width content

3 of 3

This grid system give equal .colwidth.

col

This grid system Stacked to horizontal

col-sm-8

col-sm-4

col-sm

This grid system is mix and match

.col-12 .col-md-8

.col-6 .col-md-4

.col-6

This grid system gives Vertical alignment

One of three columns

This grid system gives horizontal alignment.

One of two columns

This grid system give column wrapping.

.col-9

.col-4
Since 9 + 4 = 13 > 12, this 4-column-wide div gets wrapped onto a new line as one contiguous unit.

.col-6
Subsequent columns continue along the new line.

This grid system gives column breaks.

.col-6 .col-sm-3

.col-6 .col-sm-4

Three Columns

Equal-width

Setting one column width

Variable width content

Equal-width multi-row

Stacked to horizontal

Mix and match

Vertical alignment

Horizontal alignment

Column wrapping

Column breaks

Grid

Three Columns

Equal-width

Setting one column width

Variable width content

Equal-width multi-row

Stacked to horizontal

Mix and match

Vertical alignment

Horizontal alignment

Column wrapping

Column breaks