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