(0) Basic
w-3
w-3 ml-auto
w-3 ml-auto mr-auto
(1) Width
min-width: 50%; display: inline-block
width: 50%; display: block
width: 100%; display: block
width: 50%; display: inline-block
width: 50%; display: inline-block
width: 25%; display: inline-block
width: 25%; display: inline-block
width: 25%; display: inline-block
width: 25%; display: inline-block
(2) Auto size
block, limited width
inline block, auto size
block, auto size
(3) Margin
margin: 16px
m-1
m-1
m-1
m-1
mr--2
w-3 m-1
w-2 ml--2
margin: -16px
w-auto
w-auto ml--1
w-auto ml--1 mr--1
width: 200px; margin-left: -8px; margin-right: -8px
width: 100%; margin-left: -8px; margin-right: -8px
(4) vertical-align
middle
bottom
bottom
middle
middle
bottom
middle
(5) position: absolute
(5) Dropdown menu
Dropdown item text
Action
Another action
Something else here
(5) Inline block nesting
inline-block > inline-block
inline-block > inline-block
inline-block > block
inline-block > block
absolute-position > inline-block
absolute-position > inline-block
absolute-position > block
absolute-position > block