Use the custom vertical rule helper to create vertical dividers like the
Use .vstack to stack buttons and other elements:
.vstack
<!-- vr --> <div class="vr"></div>
Vertical rules scale their height in flex layouts:
<!-- vr --> <div class="d-flex" style="height: 200px;"> <div class="vr"></div> </div>
They can also be used in stacks:
<!-- vr --> <div class="hstack gap-3"> <div class="bg-light border">First item</div> <div class="bg-light border ms-auto">Second item</div> <div class="vr"></div> <div class="bg-light border">Third item</div> </div>