Colorful borders
Use color profiles to the following border colors
,border-primary, .border-secondary,
.border-success, .border-danger, .border-warning,
.border-info, .border-light, .border-dark, .border-white,
.border-transparent, .border-faded
Add Borders
Add border using
.border, .border-top, .border-end,
.border-end, .border-bottom, .border-start
Border Opacity
Add border using
.border-opacity-75, .border-opacity-50,
.border-opacity-25, .border-opacity-10.
Border Thickness
Border thickness using
border-1, border-2,
border-3, border-4, border-5.
Rounded example
Round edges or control each corner using
.rounded, rounded-top,
rounded-end, rounded-bottom, rounded-start, rounded-circle,
rounded-0, .rounded-plus, .rounded-{sm,lg}, .rounded-pill,
border-{top,bottom}-{left,right}-radius-0
Control rounded depth using
rounded-1, rounded-2,
rounded-3, rounded-4,
rounded-5
Mix and match rounded corners using
rounded-bottom-1,
rounded-start-2,
rounded-end-circle, rounded-start-pill, rounded-5
rounded-top-0
Remove borders
Subtract borders with
border-0, border-top-0,
border-end-0, border-bottom-0, border-start-0, .border-transparent