Basic Horizontal Row
Welcome to Urbix! Here, you'll find a wealth of information and resources designed to enhance your experience.
Explore our latest updates and discover exciting opportunities that await you.
<div>
<p>Welcome to Urbix! Here, you'll find a wealth of information and resources designed to enhance your experience.</p>
<hr>
<p>Explore our latest updates and discover exciting opportunities that await you.</p>
</div>Horizontal Row Styles
<hr class="mb-5 border-danger border-dashed">
<hr class="mt-5 border-primary border-dashed">Horizontal Row Colors
<hr class="mb-5">
<hr class="my-5 border-primary">
<hr class="my-5 border-secondary">
<hr class="my-5 border-success">
<hr class="mt-5 border-info">
<hr class="mt-5 border-warning">
<hr class="mt-5 border-danger">
<hr class="mt-5 border-dark">Horizontal Row Sizes
<hr class="mb-5">
<hr class="my-5 border-2">
<hr class="my-5 border-3">
<hr class="my-5 border-4">
<hr class="mt-5 border-5">Horizontal Row Content
Urbix
Urbix
Long separator title label
<div class="center-hr my-5">Urbix</div>
<div class="center-hr mb-5 hr-secondary"><span class="h1 m-0">Urbix</span></div>
<div class="center-hr mb-5 hr-primary border-dashed"><span class="min-w-256px fw-bold">Long separator title label</span></div>Basic Vertical Row
Left Content
Right Content
Right Content
<div class="d-flex align-items-center gap-5">
<div class="d-flex align-items-center">
<span class="mx-3">Left Content</span>
<div class="vr bg-light"></div>
<span class="mx-3">Right Content</span>
</div>
<div class="ms-auto d-flex align-items-center">
<div class="vr bg-primary"></div>
<span class="mx-3">Right Content</span>
</div>
</div>