🌟 بررسی کامپوننت‌ها – بخش ششم
📌 Nav & Tabs (Bootstrap 5)

====================================================
🔹 Nav (منوی ساده)

✔️ برای ساخت منو، Navigation ، منوی تنظیمات، هدر و سایدبار

🔧 ساختار کلی
• کانتینر → nav
• لیست → nav
• آیتم → nav-item
• لینک → nav-link

🎨 انواع حالت‌ها
• تب‌دار → nav nav-tabs
• قرصی / دکمه‌ای → nav nav-pills
• عمودی → flex-column
• وسط‌چین و راست‌چین → با Utility‌های Flex

⚙️ وضعیت لینک‌ها
• لینک فعال → active
• لینک غیر فعال → disabled

====================================================
📑 Tabs (تب‌ها)

✔️ برای نمایش چند بخش محتوا بدون رفرش شدن صفحه
✔️ کاربردی در پروفایل، پنل کاربری، تنظیمات

🔧 ساختار اصلی
• لیست تب‌ها → nav nav-tabs
• لینک هر تب → nav-link + data-bs-toggle="tab"
• باکس محتوا → tab-content
• هر تب محتوا → tab-pane
• تب فعال → show active

🎨 حالت‌های مهم
• تب‌های معمولی → nav-tabs
• تب‌های Pills → nav-pills
• تب‌های مساوی عرض → nav-justified
• تب‌های تمام عرض → w-100 یا Flex Utilities

⚠️ نکات مهم
• بدون Bootstrap JS → Tabs کار نمی‌کنند
• href / data-bs-target باید با id تب‌ها یکی باشد