انگلیسی
فرانسوی
اسپانیایی
آلمانی
ایتالیایی
ردیف افقی پایه
به میربال خوش آمدید در اینجا، انبوهی از اطلاعات و منابع طراحی شده برای افزایش تجربه خود را خواهید یافت.
آخرین به روز رسانی های ما را کاوش کنید و فرصت های هیجان انگیزی را که در انتظار شما هستند کشف کنید.
<div>
<p>Welcome to Mirbal! 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>سبک های ردیف افقی
<hr class="mb-5 border-danger border-dashed">
<hr class="mt-5 border-primary border-dashed">رنگ های ردیف افقی
<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">اندازه ردیف افقی
<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">محتوای ردیف افقی
میربال
میربال
برچسب عنوان جداکننده بلند
<div class="center-hr my-5">Mirbal</div>
<div class="center-hr mb-5 hr-secondary"><span class="h1 m-0">Mirbal</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>ردیف عمودی پایه
مطالب سمت چپ
محتوای درست
محتوای درست
<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>