Set Border
It is Very Easy to Customize and it uses in website apllication.
| Class | Description |
|---|---|
class="bd" |
Add border in all sides of an element using default color and width. |
class="bd-l" |
Add border to left side of element. |
class="bd-r" |
Add border to right side of element. |
class="bd-b" |
Add border to bottom side of element. |
class="bd-t" |
Add border to top side of element. |
class="bd-y" |
Add border to top and bottom side of element. |
class="bd-x" |
Add border to left and right side of element. |
Border Sizes
It is Very Easy to Customize and it uses in website apllication.
| 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
It is Very Easy to Customize and it uses in website apllication.
| Class | Description |
|---|---|
class="bd-t-0" |
Remove top border of an element |
class="bd-r-0" |
Remove right border of an element |
class="bd-b-0" |
Remove bottom border of an element |
class="bd-l-0" |
Remove left border of an element |
class="bd-x-0" |
Remove left and right border of an element |
class="bd-y-0" |
Remove top and bottom border of an element |
bd-[t||r|bl|x|y]-0-f |
Force remove border of any side of an element. |
Border Color
It is Very Easy to Customize and it uses in website apllication.
| Class | Description |
|---|---|
class="bd-primary" |
Set Border Color primary to element. |
class="bd-secondary" |
Set Border Color secondary to element. |
class="bd-info" |
Set Border Color info to element. |
class="bd-success" |
Set Border Color success to element. |
class="bd-warning" |
Set Border Color warning to element. |
class="bd-danger" |
Set Border Color danger to element. |
class="bd-light" |
Set Border Color light to element. |
class="bd-dark" |
Set Border Color dark to element. |
Border Radius
It is Very Easy to Customize and it uses in website apllication.
| Class | Description |
|---|---|
class="rounded-5" |
Set Border Radius 5px to element. |
class="rounded-10" |
Set Border Radius 10px to element. |
class="rounded-20" |
Set Border Radius 20px to element. |
class="rounded-30" |
Set Border Radius 30px to element. |
class="rounded-40" |
Set Border Radius 40px to element. |
class="rounded-50" |
Set Border Radius 50px to element. |
class="rounded" |
Set Border Radius to element. |
class="rounded-circle" |
Set Border Radius 50% to element. |