Set Border
.bd
.bd-s
.bd-t
.bd-y
.bd-e
.bd-x
.bd-b
| Class | Description |
|---|---|
class="bd" |
Add border in all sides of an element using default color and width. |
class="bd-t" |
Add border to top side of element. |
class="bd-e" |
Add border to right side of element. |
class="bd-b" |
Add border to bottom side of element. |
class="bd-s" |
Add border to left side of element. |
class="bd-x" |
Add border to left and right side of element. |
class="bd-y" |
Add border to top and bottom side of element. |
Border Sizes
.bd
.bd .bd-2
.bd .bd-3
.bd .bd-4
.bd .bd-5
| Class | Description |
|---|---|
class="bd" |
Set 1px (default) border to element. |
class="bd bd-2" |
Set 2px border to element. |
class="bd bd-3" |
Set 3px border to element. |
class="bd bd-4" |
Set 4px border to element. |
class="bd bd-5" |
Set 5px border to element. |
Remove Border
.bd-t-0
.bd-e-0
.bd-b-0
.bd-s-0
.bd-x-0
.bd-y-0
| Class | Description |
|---|---|
.bd-t-0 |
Remove top border of an element |
.bd-e-0 |
Remove right border of an element |
.bd-b-0 |
Remove bottom border of an element |
.bd-s-0 |
Remove left border of an element |
.bd-x-0 |
Remove left and right border of an element |
.bd-y-0 |
Remove top and bottom border of an element |
Border Color
.bd-primary
.bd-secondary
.bd-success
.bd-danger
.bd-warning
.bd-teal
| Classes | .bd-[value] |
.bd-gray-[value] |
| Values | primary | success | warning | danger | info | indigo | purple | pink | teal | orange | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 |
Border Radius
| Classes | .radius |
.radius-[value] |
| Values | Set a border radius of 2px (default) to an element. | 0 | 1 | 3 | 5 | 7 | 10 | 20 | 30 | 40 | 50 |
