Typography

Flex

I'm a flexbox container!
I'm an inline flexbox container!
怡春院
Flex item 1
Flex item 2
Flex item 3
怡春院
Flex item 1
Flex item 2
Flex item 3
怡春院
Flex item 1
Flex item 2
Flex item 3
怡春院
Flex item 1
Flex item 2
Flex item 3

Justify Content

怡春院
Flex item 1
Flex item 2
Flex item 3
怡春院
Flex item 1
Flex item 2
Flex item 3
怡春院
Flex item 1
Flex item 2
Flex item 3
怡春院
Flex item 1
Flex item 2
Flex item 3
怡春院
Flex item 1
Flex item 2
Flex item 3

Align items

怡春院
Flex item
Flex item
Flex item
怡春院
Flex item
Flex item
Flex item
怡春院
Flex item
Flex item
Flex item
怡春院
Flex item
Flex item
Flex item
怡春院
Flex item
Flex item
Flex item

Lists

怡春院
  • Cras justo odio
  • Dapibus ac facilisis in
  • Morbi leo risus
  • Porta ac consectetur ac
  • Vestibulum at eros
怡春院
  • Cras justo odio
  • Dapibus ac facilisis in
  • Morbi leo risus
  • Porta ac consectetur ac
  • Vestibulum at eros
怡春院
  • Cras justo odio
  • Dapibus ac facilisis in
  • Morbi leo risus
  • Porta ac consectetur ac
  • Vestibulum at eros
怡春院
  • Cras justo odio
  • Dapibus ac facilisis in
  • Morbi leo risus
  • Porta ac consectetur ac
  • Vestibulum at eros
怡春院
  • 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
怡春院
  • Cras justo odio 14
  • Dapibus ac facilisis in 2
  • Morbi leo risus 1

Color

怡春院

.text-primary

.text-secondary

.text-success

.text-danger

.text-warning

.text-info

.text-light

.text-dark

.text-muted

.text-white