🔹 Reboot (نکات مهم)

• نسخه بهبود‌یافته‌ی Reset CSS
• یکسان‌سازی استایل عناصر در همه مرورگرها
• فعال به‌صورت پیش‌فرض در Bootstrap
• مهم‌ترین اثر:
  • box-sizing: border-box
  • حذف margin پیش‌فرض body
  • بهبود استایل دکمه‌ها، لینک‌ها و تصاویر

🔹 Typography (نکات پایه)

• استفاده از واحد rem
• اندازه پایه فونت: 1rem = 16px
• تایپوگرافی ریسپانسیو و مقیاس‌پذیر

🔹 کلاس‌های مهم Heading

• .h1 تا .h6
• استفاده بدون نیاز به تگ heading
• کاربرد: تیترها داخل کارت، مدال و ...

🔹 Display Headings

• .display-1 تا .display-6
• کاربرد: تیترهای خیلی بزرگ (Hero / Landing)

🔹 متن‌ها

• .lead → متن مقدمه بزرگ‌تر
• <small> → متن کوچکتر
• <mark> → هایلایت متن

🔹 تراز متن

• .text-start
• .text-center
• .text-end
• نسخه ریسپانسیو:
  • .text-md-center

🔹 تغییر حالت متن

• .text-uppercase
• .text-lowercase
• .text-capitalize

🔹 وزن و استایل فونت

• .fw-light
• .fw-normal
• .fw-bold
• .fst-italic

🔹 فاصله خطوط

• .lh-1
• .lh-base
• .lh-lg

🔹 نقل‌قول

• .blockquote
• .blockquote-footer

🔹 لیست‌ها

• .list-unstyled
• .list-inline
• .list-inline-item

🔹 جمع‌بندی خیلی کوتاه

• Reboot → حذف استایل‌های پیش‌فرض مزاحم
• Typography → متن خوانا و حرفه‌ای با کلاس‌های آماده