Spacing
Utilities for controlling an element's padding and margin
Padding
| Class Name | CSS property |
|---|---|
| p-1 | padding : 0.25rem; |
| p-2 | padding : 0.5rem; |
| p-3 | padding : 1rem; |
| p-4 | padding : 1.5rem; |
| p-5 | padding: 2rem; |
| pt-1 | padding-top : 0.25rem; |
| pt-2 | padding-top : 0.5rem; |
| pt-3 | padding-top : 1rem; |
| pt-4 | padding-top : 1.5rem; |
| pt-5 | padding-top: 2rem; |
| pr-1 | padding-right : 0.25rem; |
| pr-2 | padding-right : 0.5rem; |
| pr-3 | padding-right : 1rem; |
| pr-4 | padding-right : 1.5rem; |
| pr-5 | padding-right: 2rem; |
| pb-1 | padding-bottom : 0.25rem; |
| pb-2 | padding-bottom : 0.5rem; |
| pb-3 | padding-bottom : 1rem; |
| pb-4 | padding-bottom : 1.5rem; |
| pb-5 | padding-bottom: 2rem; |
| pl-1 | padding-left : 0.25rem; |
| pl-2 | padding-left : 0.5rem; |
| pl-3 | padding-left : 1rem; |
| pl-4 | padding-left : 1.5rem; |
| pl-5 | padding-left: 2rem; |
Margin
| Class Name | CSS Property |
|---|---|
| m-1 | margin : 0.25rem; |
| m-2 | margin : 0.5rem; |
| m-3 | margin : 1rem; |
| m-4 | margin : 1.5rem; |
| m-5 | margin: 2rem; |
| mt-1 | margin-top : 0.25rem; |
| mt-2 | margin-top : 0.5rem; |
| mt-3 | margin-top : 1rem; |
| mt-4 | margin-top : 1.5rem; |
| mt-5 | margin-top: 2rem; |
| mr-1 | margin-right : 0.25rem; |
| mr-2 | margin-right : 0.5rem; |
| mr-3 | margin-right : 1rem; |
| mr-4 | margin-right : 1.5rem; |
| mr-5 | margin-right: 2rem; |
| mb-1 | margin-bottom : 0.25rem; |
| mb-2 | margin-bottom : 0.5rem; |
| mb-3 | margin-bottom : 1rem; |
| mb-4 | margin-bottom : 1.5rem; |
| mb-5 | margin-bottom: 2rem; |
| ml-1 | margin-left : 0.25rem; |
| ml-2 | margin-left : 0.5rem; |
| ml-3 | margin-left : 1rem; |
| ml-4 | margin-left : 1.5rem; |
| ml-5 | margin-left: 2rem; |