پیشنهاد شگفت‌انگیز سبزلرن: 50% تخفیف برای آموزش حرفه ای NodeJS بدون پیش نیاز
مشاهده دوره
ثانیه
دقیقه
ساعت
روز
پرسش

آیا بوت استرپ 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