Border
Use border utilities to quickly style the border and border-radius of an element. Great for images, buttons, or any other element.
Colorful
Change the border color using following utilities:
border-primary, .border-secondary, .border-success, .border-danger, .border-warning, .border-info, .border-light, .border-dark, .border-white, .border-transparent, .border-faded, .border-highlight
Additive
Use border utilities to add an element’s borders. Choose from all borders or one at a time.
Border-radius
Round edges or control each corner using
.rounded, rounded-top, rounded-end, rounded-bottom, rounded-start, rounded-{top,bottom}-{start,end}, rounded-circle, rounded-0, border-{top,bottom}-{start,end}-radius-0
Subtractive
Use border utilities to remove an element’s borders. Choose from all borders or one at a time.
Size
Use
.rounded-lg or .rounded-sm for larger or smaller border-radius.
