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-{left | left-center | right | right-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
Success
Danger
Info
Warning
Dark
Light

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

Theme Customizer

Customize & Preview in Real Time
Menu Colors

Theme Layout
Light
Dark
Semi Dark

Collapse Sidebar
Collapse Menu

Navbar Colors

Footer Type

Hide Scroll To Top
Buy Now