Border
Use Bootstrap's border utilities to add or remove borders, set border colors, and adjust border radius on any element.
Additive Borders
.border
.border-top
.border-end
.border-bottom
.border-start
<span class="border"></span>
<span class="border-top"></span>
<span class="border-end"></span>
<span class="border-bottom"></span>
<span class="border-start"></span>
Subtractive Borders
.border-0
.border-top-0
.border-end-0
.border-bottom-0
.border-start-0
<span class="border border-0"></span>
<span class="border border-top-0"></span>
<span class="border border-end-0"></span>
<span class="border border-bottom-0"></span>
<span class="border border-start-0"></span>
Border Color
.border-primary
.border-secondary
.border-success
.border-danger
.border-warning
.border-info
.border-dark
<span class="border border-primary"></span>
<span class="border border-secondary"></span>
<span class="border border-success"></span>
<span class="border border-danger"></span>
<span class="border border-warning"></span>
<span class="border border-info"></span>
Border Width
border-1
border-2
border-3
border-4
border-5
<span class="border border-1"></span>
<span class="border border-2"></span>
<span class="border border-3"></span>
<span class="border border-4"></span>
<span class="border border-5"></span>
Border Radius
.rounded
.rounded-0
.rounded-1
.rounded-2
.rounded-3
.rounded-4
.rounded-5
.rounded-circle
.rounded-pill
.rounded-top
.rounded-end
.rounded-bottom
.rounded-start
<span class="rounded"></span>
<span class="rounded-0"></span>
<span class="rounded-1"></span>
<span class="rounded-circle"></span>
<span class="rounded-pill"></span>
<span class="rounded-top"></span>
<span class="rounded-end"></span>
<span class="rounded-bottom"></span>
<span class="rounded-start"></span>