۰ امیر حق شناس
بررسی utility‌ها - بخش اول
جامعه Html & CSS ایجاد شده در ۱۵ دی ۱۴۰۴

⚙️ Utilities API

✔️ سیستم تولید خودکار Utility‌ها در Bootstrap
✔️ امکان فعال / غیرفعال کردن Utility‌ها در نسخه SCSS

📌 نکته مهم:
• بیشتر Utility‌ها به‌صورت پیش‌فرض فعال‌اند
• برای شخصی‌سازی پیشرفته باید نسخه SCSS استفاده شود


🎨 Background

✔️ تغییر سریع پس‌زمینه بدون CSS سفارشی

🎯 کلاس‌های مهم:
• bg-primary
• bg-success
• bg-danger
• bg-warning
• bg-info
• bg-light
• bg-dark
• bg-body
• bg-transparent

📍 شفافیت:
• bg-opacity-10
• bg-opacity-25
• bg-opacity-50
• bg-opacity-75


🧱 Borders

✔️ کنترل حاشیه‌ها (Border)

🎯 اضافه / حذف:
• border
• border-0
• border-top
• border-bottom
• border-start
• border-end

🎨 رنگ:
• border-primary
• border-success
• border-danger
• border-warning

📐 گردی گوشه‌ها:
• rounded
• rounded-top
• rounded-bottom
• rounded-circle
• rounded-pill


🎨 Colors

✔️ تغییر رنگ متن و المان‌ها

🎯 متن:
• text-primary
• text-success
• text-danger
• text-warning
• text-info
• text-muted
• text-dark
• text-light

🎯 شفافیت متن:
• text-opacity-25
• text-opacity-50
• text-opacity-75


📺 Display

✔️ کنترل نحوه نمایش المان‌ها

🎯 کلاس‌های مهم:
• d-none
• d-block
• d-inline
• d-inline-block
• d-flex
• d-grid

📱 ریسپانسیو:
• d-sm-none
• d-md-block
• d-lg-flex
• d-xl-grid