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-5
Additive
.border
.border-top
.border-end
.border-bottom
.border-start
Subtractive
.border-0
.border-top-0
.border-end-0
.border-bottom-0
.border-start-0
Border 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-white
Border Style
.border-dotted
.border-dashed
.border-groove
.border-outset
.border-ridge
.border-inset
Additive
.border-top-dotted
.border-end-dotted
.border-bottom-dotted
.border-start-dotted
Border Opacity
.border-opacity-10
.border-opacity-25
.border-opacity-50
.border-opacity-75
.border-opacity-100
Border Radius

Use below-mentioned class to an element to easily round its corners.

.rounded
.rounded-top
.rounded-end
.rounded-bottom
.rounded-start
.rounded-circle
.rounded-pill
Sizes
.rounded-0
.rounded-1
.rounded-2
.rounded-3
.rounded-4
.rounded-5