All available classes

Grid

prop
.container
.container-fluid
prop
.row
[additional]
.no-gutters
prop
.col
[breakpoint]
-sm
-md
-lg
-xl
[value]
-1
-2
-3
-4
-5
-6
-7
-8
-9
-10
-11
-12
-auto
prop
.offset
[breakpoint]
-sm
-md
-lg
-xl
value
-0
-1
-2
-3
-4
-5
-6
-7
-8
-9
-10
-11

Display property

prop
.d
[breakpoint]
-sm
-md
-lg
-xl
value
-none
-inline
-inline-block
-block
-table
-table-cell
-table-row
-flex
-inline-flex

Flex

prop
.flex
[breakpoint]
-sm
-md
-lg
-xl
value
-row
-column
-row-reverse
-column-reverse
prop
.flex
[breakpoint]
-sm
-md
-lg
-xl
value
-wrap
-nowrap
-wrap-reverse
prop
.flex
[breakpoint]
-sm
-md
-lg
-xl
value
-fill
prop
.flex
[breakpoint]
-sm
-md
-lg
-xl
value
-grow-0
-grow-1
prop
.flex
[breakpoint]
-sm
-md
-lg
-xl
value
-shrink-0
-shrink-1
prop
.justify-content
[breakpoint]
-sm
-md
-lg
-xl
value
-start
-end
-center
-between
-around
prop
.align-items
[breakpoint]
-sm
-md
-lg
-xl
value
-start
-end
-center
-baseline
-stretch
prop
.align-content
[breakpoint]
-sm
-md
-lg
-xl
value
-start
-end
-center
-between
-around
-stretch
prop
.align-self
[breakpoint]
-sm
-md
-lg
-xl
value
-auto
-start
-end
-center
-baseline
-stretch
prop
.order
[breakpoint]
-sm
-md
-lg
-xl
value
-0
-1
-2
-3
-4
-5
-6
-7
-8
-9
-10
-11
-12

Float

prop
.float
[breakpoint]
-sm
-md
-lg
-xl
value
-left
-right
-none
prop
.clearfix

Sizing

prop
.w
.h
value
-25
-50
-75
-100
-auto
prop
.mw-100
.mh-100

Spacing

prop
.m
.mt
.mb
.ml
.mr
.mx
.my
[breakpoint]
-sm
-md
-lg
-xl
value
-0
-01
-1
-2
-3
-4
-5
-auto
prop
.p
.pt
.pb
.pl
.pr
.px
.py
[breakpoint]
-sm
-md
-lg
-xl
value
-0
-01
-1
-2
-3
-4
-5

Text

prop
.text-justify
.text-wrap
.text-nowrap
.text-truncate
prop
.text
[breakpoint]
-sm
-md
-lg
-xl
value
-left
-center
-right

Vertical align

prop
.align-baseline
.align-top
.align-middle
.align-bottom
.align-text-bottom
.align-text-top

Visibility

prop
.visible
.invisible

Grid