کلاس های کاربردی


برای توسعه سریعتر وب سایت و سازگاری با موبایل، فریم ورک Bootstrap شامل ده ها کلاس کاربردی برای نمایش، پنهان کردن، تراز کردن و فاصله گذاری محتوا است.

Bootstrap

ما کلاس های جدیدی را در قسمت اضافه کرده ایم تا روند توسعه شما را تسریع کنیم. لیست زیر را بررسی کنید:

نام کلاس توضیحات سایر ویژگی ها
text-primary-hover تغییر رنگ متن هنگام قرارگیری اشاره گر ماوس روی متن -
font-base اعمال فونت پیش فرض -
font-heading اعمال فونت پیش فرض برای عناوین -
grayscale اعمال فیلتر مقیاس خاکستری روی تصویر یا هر بخش دیگر -
zoom-hover بزرگنمایی هنگام قرارگیری اشاره گر ماوس با افکت -
up-hover بزرگنمایی هنگام قرارگیری اشاره گر ماوس با افکت -
zoom-x مدیریت میزان zoom با استفاده از کلاس های: zoom-1
zoom-2
zoom-3
zoom-4
opacity-x مدیریت میزان شفافیت با استفاده از کلاس های: opacity-1
opacity-2
opacity-3
opacity-4
opacity-5
opacity-6
opacity-7
opacity-8
opacity-9
z-index-x مدیریت الویت بندی قرار گرفتن عناصر روی هم با استفاده از کلاس های: z-index-9
z-index-99
z-index-n9 تنظیم z-index بصورت منفی -
h-xxx مدیریت ارتفاع عناصر سایت با کلاس h-md-400 h-300
h-400
h-500
h-540
h-560
h-600
h-700
icon-sm, md, lg, xl تنظیم باکس آیکن با طول و عرض یکسان icon-sm
icon-md
icon-lg
icon-xl