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

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

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

نام کلاس	توضیحات	سایر ویژگی ها
text-primary-hover	کلاس `.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`