Borders
Additive
<div class="border"></div>
<div class="border-top"></div>
<div class="border-end"></div>
<div class="border-bottom"></div>
<div class="border-start"></div>
<div class="border-top border-end"></div>
<div class="border-bottom border-start"></div><div class="border"></div>
<div class="border-top"></div>
<div class="border-end"></div>
<div class="border-bottom"></div>
<div class="border-start"></div>
<div class="border-top border-end"></div>
<div class="border-bottom border-start"></div>
Subtractive
<div class="border-0"></div>
<div class="border-top-0"></div>
<div class="border-end-0"></div>
<div class="border-bottom-0"></div>
<div class="border-start-0"></div>
<div class="border-top-0 border-end-0"></div>
<div class="border-bottom-0 border-start-0"></div><div class="border-0"></div>
<div class="border-top-0"></div>
<div class="border-end-0"></div>
<div class="border-bottom-0"></div>
<div class="border-start-0"></div>
<div class="border-top-0 border-end-0"></div>
<div class="border-bottom-0 border-start-0"></div>
Color
<div class="border border-primary"></div>
<div class="border border-secondary"></div>
<div class="border border-success"></div>
<div class="border border-danger"></div>
<div class="border border-warning"></div>
<div class="border border-info"></div>
<div class="border border-light"></div>
<div class="border border-dark"></div>
<div class="border border-white"></div><div class="border border-primary"></div>
<div class="border border-secondary"></div>
<div class="border border-success"></div>
<div class="border border-danger"></div>
<div class="border border-warning"></div>
<div class="border border-info"></div>
<div class="border border-light"></div>
<div class="border border-dark"></div>
<div class="border border-white"></div>
Width
<div class="border border-1"></div>
<div class="border border-2"></div>
<div class="border border-3"></div>
<div class="border border-4"></div>
<div class="border border-5"></div><div class="border border-1"></div>
<div class="border border-2"></div>
<div class="border border-3"></div>
<div class="border border-4"></div>
<div class="border border-5"></div>
Radius
<img src="../img/100x100.png" alt="" class="rounded">
<img src="../img/100x100.png" alt="" class="rounded-top">
<img src="../img/100x100.png" alt="" class="rounded-end">
<img src="../img/100x100.png" alt="" class="rounded-bottom">
<img src="../img/100x100.png" alt="" class="rounded-start">
<img src="../img/100x100.png" alt="" class="rounded-circle">
<img src="../img/200x100.png" alt="" class="rounded-pill"><img src="../img/100x100.png" alt="" class="rounded">
<img src="../img/100x100.png" alt="" class="rounded-top">
<img src="../img/100x100.png" alt="" class="rounded-end">
<img src="../img/100x100.png" alt="" class="rounded-bottom">
<img src="../img/100x100.png" alt="" class="rounded-start">
<img src="../img/100x100.png" alt="" class="rounded-circle">
<img src="../img/200x100.png" alt="" class="rounded-pill">
Radius size
<img src="../img/100x100.png" alt="" class="rounded-0" style="border-radius: 10px;">
<img src="../img/100x100.png" alt="" class="rounded-1">
<img src="../img/100x100.png" alt="" class="rounded-2">
<img src="../img/100x100.png" alt="" class="rounded-3">
<img src="../img/100x100.png" alt="" class="rounded-4">
<img src="../img/100x100.png" alt="" class="rounded-5"><img src="../img/100x100.png" alt="" class="rounded-0" style="border-radius: 10px;">
<img src="../img/100x100.png" alt="" class="rounded-1">
<img src="../img/100x100.png" alt="" class="rounded-2">
<img src="../img/100x100.png" alt="" class="rounded-3">
<img src="../img/100x100.png" alt="" class="rounded-4">
<img src="../img/100x100.png" alt="" class="rounded-5">