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