Add one of the following classes to modify the size and style of headings. Usually, these classes would be used on heading elements but they work also with any other element like a div element. Note that these classes extend the heading classes from the Base component upward, and the smallest modifier picks up the size after h1 element.
To apply a divider to a heading, add the
.uk-heading-divider class. You can combine it with any size modifier.
<h1 class="uk-heading-divider">Heading Divider</h1>
To apply a bullet to a heading, add the
class. You can combine it with any size modifier, and it works well with text
<h1 class="uk-heading-bullet">Heading Bullet</h1>
To apply a vertically centered line to a heading, add the
.uk-heading-line class and place a
span element inside the
You can combine it with any size modifier, and it works well with text alignment.
.uk-divider-small class to a
<div> element to create a smaller divider.
<h1 class="uk-divider-small">Heading Text</h1>
.border-danger class to a
to change border size use
© 2019 Sasuke. All Rights Reserved.