Default

You can add a line to divide your section using <hr>

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.


Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Text

Use class .divider as wrapper for .divider-text to create a divider text

My Text

Text Position

Use class .divider-{start | start-center | end | end-center} with .divider to set text position.

Left
Left Center
Center(Default)
Right Center
Right

Colors

Use class .divider-{color-name} to change color of divider

Default
Primary
Secondary
Success
Danger
Warning
Info
Dark

Icons

Style

Use class .divider-{dotted | dashed} to change divider style. solid is default style you don't have to add any class for it.

Dotted
Dashed
Solid