Sometimes you may need to use override styles to align elements the way you want. This might mean changing the margin or padding, removing shadows or borders, or floating elements left and right. The following classes can be applied to elements to override their styles without having to write custom code.

.hide
Hides the element using display:none. Shouldn't be used on content.
.no-border
Removes the border from the element.
.no-padding
Sets padding to zero.
.no-margin
Sets margin to zero.
.no-shadow
Removes box-shadow from the element.
.margin
Adds 10px of margin on all sides.
.margin-top
Adds 10px of margin to the top.
.margin-bottom
Adds 10px of margin to the bottom.
.margin-left
Adds 10px of margin to the left.
.margin-right
Adds 10px of margin to the right.
.padding
Adds 10px of padding on all sides.
.padding-top
Adds 10px of padding to the top.
.padding-bottom
Adds 10px of padding to the bottom.
.padding-left
Adds 10px of padding to the left.
.padding-right
Adds 10px of padding to the right.
.left
Floats the element to the left using float:left.
.right
Floats the element to the right using float:right.
.text-left
Aligns content inside the element to the left using text-align:left.
.text-right
Aligns content inside the element to the right using text-align:right.
.text-center
Aligns content inside the element to the center using text-align:center.