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.

Width

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

Coloring

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

Horizontal line with text

Wrap your content inside a .divider.

OR
Sign in using Google
Linked text
Linked divider

Coloring

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.

AND

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

OR

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.