BootKit home · Manual home

HR

These horizontal lines are ideal for content separation or to create a grid-line cell structure.
Horizontal rules are also used in the dividers section.


Available classes

bk-hr-primary
bk-hr-success
bk-hr-info
bk-hr-warning
bk-hr-danger
bk-hr-inverse
bk-hr-textcolor
bk-hr-gray
bk-hr-light-gray
bk-hr-very-light-gray
bk-hr-white

Example

Uses bk-hr-success and applies some core classes like bk-mg-t-10 and bk-mg-b-10 in order to customize the default margins that come with the hr tag.


<hr class="bk-hr-success bk-mg-t-10 bk-mg-b-10">

Border thickness

Horizontal rules can receive a border thickness.





<hr class="bk-hr-primary bk-bd-2x">
<hr class="bk-hr-primary bk-bd-3x">
<hr class="bk-hr-primary bk-bd-4x">
<hr class="bk-hr-primary bk-bd-5x">