Borders
Use border utilities to add or remove an element’s borders. Choose from all borders or one at a time.
Border Width
.border.border-1.border.border-2.border.border-3.border.border-4.border.border-5Additive
.border.border-top.border-end.border-bottom.border-startSubtractive
.border-0.border-top-0.border-end-0.border-bottom-0.border-start-0Border Color
.border-primary.border-primary-subtle.border-secondary.border-secondary-subtle.border-success.border-success-subtle.border-danger.border-danger-subtle.border-warning.border-warning-subtle.border-info.border-info-subtle.border-light.border-light-subtle.border-dark.border-dark-subtle.border-whiteBorder Style
.border-dotted.border-dashed.border-groove.border-outset.border-ridge.border-insetAdditive
.border-top-dotted.border-end-dotted.border-bottom-dotted.border-start-dottedBorder Opacity
.border-opacity-10.border-opacity-25.border-opacity-50.border-opacity-75.border-opacity-100Border Radius
Use below-mentioned className to an element to easily round its corners.
.rounded.rounded-top.rounded-end.rounded-bottom.rounded-start.rounded-circle.rounded-pillSizes
.rounded-0.rounded-1.rounded-2.rounded-3.rounded-4.rounded-5