mirror of
https://github.com/twbs/bootstrap.git
synced 2024-12-04 16:24:22 +01:00
1.1 KiB
1.1 KiB
layout | title | description | group | toc | added |
---|---|---|---|---|---|
docs | Vertical rule | Use the custom vertical rule helper to create vertical dividers like the `<hr>` element. | helpers | true | 5.1 |
How it works
Vertical rules are inspired by the <hr>
element, allowing you to create vertical dividers in common layouts. They're styled just like <hr>
elements:
- They're
1px
wide - They have
min-height
of1em
- Their color is set via
currentColor
andopacity
Customize them with additional styles as needed.
Example
{{< example >}}
{{< /example >}}Vertical rules scale their height in flex layouts:
{{< example >}}
With stacks
They can also be used in [stacks]({{< docsref "/helpers/stacks" >}}):
{{< example >}}
First item
Second item
Third item