Border Radius
Defines the radius of an element's corners.
border-circle
border-1
border-5
<div class="box box-info border-circle" style="width: 100px; height: 100px;">border-circle</div> <div class="box box-info border-1" style="width: 100px; height: 100px;">border-1</div> <div class="box box-info border-5" style="width: 100px; height: 100px;">border-5</div>
| border-circle | Rounding the edges by 50% of the container size |
| border-0...8 | Rounding edges in relative units from 0 to 8. |