🌟 بررسی کامپوننتها – بخش ششم
📌 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 تبها یکی باشد