Borders
Use border utilities to quickly style the border and border-radius of an element. Great for images, buttons, or any other element.
Class |
Description |
border-0 , no-border |
Remove border property from an element. |
border |
Add a 1px solid border around an element. |
border-top |
Add a 1px border to the top. |
border-right |
AAdd a 1px border to the right. |
border-bottom |
Add a 1px border to the bottom. |
border-left |
Add a 1px border to the left. |
Border colors
Class |
Description |
border-primary |
Change the border color with the primary Bootstrap color |
border-secondary |
Change the border color with the secondary Bootstrap color |
border-success |
Change the border color to success |
border-warning |
Change the border color to warning |
border-danger |
Change the border color to danger |
border-info |
Change the border color to info |
border-light |
Change the border color to success |
border-dark |
Change the border color to dark |
border-white |
Change the border color to white |
Border radius
Class |
Description |
.rounded-0 |
Reset border radius |
.rounded |
Make the corners of an element rounded |
.rounded-right |
Make the right corners of an element rounded |
.rounded-bottom |
Make the left corners of an element rounded |
.rounded-left |
Make the bottom corners of an element rounded |
.rounded-circle |
Transfrom squares to circles with this class |