0
سبد خرید من 0 دوره
سبد خرید شما خالیست :(
پرسش

آیا بوت استرپ horizontal line داره؟

Does Bootstrap 5 have a built-in horizontal line?

سلام میخواستم بدونم ایا بوت استرپ  به طور پیش‌ فرض خط افقی (horizontal line) رو داره؟ من دنبال راهی برای اضافه کردن خط‌های افقی در طراحی خودم هستم و نمیدونم که آیا بوت استرپ ۵ این قابلیت رو به صورت داخلی داره یا نه. اگه داره، لطفا نحوه استفاده از اون رو هم بگید مرسی

1403/06/05
پاسخ

سلام برای اضافه کردن خط افقی باید از عنصر hr استفاده کنی. بوت استرپ به طور پیش‌فرض استایل خاصی برای خط افقی ارائه نمیده، اما میتونی با استفاده از کلاس‌ های بوت استرپبه اون استایل‌ های مختلف بدی.

مثلاً میتونی از کلاس‌های border و my-3 برای تغییر استایل خط افقی استفاده کنی

<!-- Horizontal line with default Bootstrap styling -->
<hr>
<!-- Horizontal line with custom Bootstrap border styling -->
<hr class="border-primary my-4">

<hr> عنصر استاندارد برای خط افقیه کلاس border-primary به خط افقی رنگ آبی میده و کلاس my-4 فاصله‌ عمودی (margin) بالا و پایین خط افقی رو تنظیم میکنه اینطوری میتونی خط‌های افقی اضافه کنی و استایل مورد نظر خودت رو روش اعمال کنی

پاسخ: 1403/06/05
آخرین آپدیت: 1403/08/10