Borders
Use br-<number> to specify the border-radius.
br-1
br-2
br-4
br-full
Use t / top, r / right, b /
bottom or l / left, to specify the side for setting
border-radius.
br-t-8
br-b-8
br-l-8
br-r-8
You can also specify the corner like tl or br, et cetera.
br-tl-8
br-br-8
br-bl-8
br-tr-8
Combinations are also supported.
br-tl-8 br-br-8
br-bl-8 br-tr-8
Buttons
Use btn to style a button.
btn
btn-pill
btn-text
Specify the size for a button with xs or lg, et cetera.
btn-xs
btn-sm
btn-lg
btn-xl
Circles
circle is a shortcut to create a circle or a dot quickly.
circle
Demo
circle-blue
Demo
circle-solid
Demo
circle-solid-blue
Demo
Flex
Use flex series to specify how your elements arranged in just one class.
flex-center
flex-col-center
flex-start-center
flex-between-end