The padding
utility classes can be reused to give any element’s content some breathing room, meaning it adds a default 10px
between the outer box of the element and it’s inner content. The following classes are not required for any element, they could be helpful with your layout.
padding
Adds padding around every side.padding-vertical
Adds padding to the top and bottom.padding-horizontal
Adds padding to the left and right.padding-top
Adds padding to the top.padding-right
Adds padding to the right.padding-bottom
Adds padding to the bottom.padding-left
Adds padding to the left.no-padding
Remove all padding.