Borders Use border utilities to quickly style the border and border-radius of an element. Great for images, buttons, or any other element.
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-right
, .border-right
, .border-bottom
, .border-left
Rounded example
Round edges or control each corner using
.rounded
, rounded-top
, rounded-right
, rounded-bottom
, rounded-left
, rounded-circle
, rounded-0
, .rounded-plus
, .rounded-{sm,lg}
, .rounded-pill
, border-{top,bottom}-{left,right}-radius-0
Remove borders
Subtract borders with
border-0
, border-top-0
, border-right-0
, border-bottom-0
, border-left-0
, .border-transparent