Horizontal line

<hr> will create a horizontal line. You can add .hr-sm or .hr-lg classes to your <hr> to justify margin-top and margin-bottom values.


Add a .w-* utility class to your <hr> to modify its width.


Add a .border-* utility class to your <hr> to modify its color.

Horizontal line with text

Wrap your content inside a .divider.

Sign in using Google
Linked divider


Add a .text-* utility class to change text color.

or you can
Provide following information
Finish above input before continue

Vertical line with text

.divider-vertical applies to .divider.

Competently network multimedia based human capital vis user centric vortals. Quickly pursue high quality markets rather than cross functional.


Progressively reconceptualize maintainable services and cost effective core competencies actualize cross.


Monotonectally foster corporate architectures with go forward content. Restore high standards in rather than virtual portals.

Dash and dot

.divider-dash, .divider-dot, and .divider-line are simple classes to create an inline divider. By default, they have 4px margin in left and right sides. Use mx-* margin utility classes to change this size.