Typography

Typography

Flex

I'm a flexbox container!

I'm an inline flexbox container!

Flex row

Flex item 1

Flex item 2

Flex item 3

Flex row-reverse

Flex item 1

Flex item 2

Flex item 3

Flex column

Flex item 1

Flex item 2

Flex item 3

Flex column-reverse

Flex item 1

Flex item 2

Flex item 3

Justify Content

Justify Content Start

Flex item 1

Flex item 2

Flex item 3

Justify Content End

Flex item 1

Flex item 2

Flex item 3

Justify Content Center

Flex item 1

Flex item 2

Flex item 3

Justify Content Between

Flex item 1

Flex item 2

Flex item 3

Justify Content Around

Flex item 1

Flex item 2

Flex item 3

Align items

Align Items Start

Flex item

Flex item

Flex item

Align Items End

Flex item

Flex item

Flex item

Align Items Center

Flex item

Flex item

Flex item

Align Items Baseline

Flex item

Flex item

Flex item

Align Items Strech

Flex item

Flex item

Flex item

Lists

List Group

Cras justo odio
Dapibus ac facilisis in
Morbi leo risus
Porta ac consectetur ac
Vestibulum at eros

Active items

Cras justo odio
Dapibus ac facilisis in
Morbi leo risus
Porta ac consectetur ac
Vestibulum at eros

Disabled items

Cras justo odio
Dapibus ac facilisis in
Morbi leo risus
Porta ac consectetur ac
Vestibulum at eros

Flush

Cras justo odio
Dapibus ac facilisis in
Morbi leo risus
Porta ac consectetur ac
Vestibulum at eros

Contextual Classes

Dapibus ac facilisis in
This is a primary list group item
This is a secondary list group item
This is a success list group item
This is a danger list group item
This is a warning list group item
This is a info list group item
This is a light list group item
This is a dark list group item

With Badges

Cras justo odio 14
Dapibus ac facilisis in 2
Morbi leo risus 1

Color

Text color

.text-primary

.text-secondary

.text-success

.text-danger

.text-warning

.text-info

.text-light

.text-dark

.text-muted

.text-white

Anchors with the provided hover and focus states.