Border Utility
2019-12-05
Set border style
| Class |
Description |
Class |
Description |
| border |
Add border |
border-0 |
No border |
| border-top |
Add border to top |
border-top-0 |
Remove top border |
| border-right |
Add border to right |
border-right-0 |
Remove right border |
| border-bottom |
Add border to bottom |
border-bottom-0 |
Remove bottom border |
| border-left |
Add border to left |
border-left-0 |
Remove left border |
Set border color
<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>
<span class="border border-light"></span>
<span class="border border-dark"></span>
<span class="border border-white"></span>
Set border radius
| Class |
Description |
Class |
Description |
| rounded |
rounded corner |
rounded-0 |
No radius |
| rounded-top |
top rounded |
rounded-circle |
Render as circle |
| rounded-right |
right rounded |
rounded-pill |
Rendel as pill |
| rounded-bottom |
bottom rounded |
rounded-sm |
smaller radius |
| rounded-left |
left rounded |
rounded-lg |
Bigger radius |