1️⃣ Basic Select (لیست کشویی ساده)

• کلاس اصلی: form-select

<select class="form-select mb-3" aria-label="Default select example">
  <option selected>انتخاب کنید</option>
  <option value="1">گزینه ۱</option>
  <option value="2">گزینه ۲</option>
  <option value="3">گزینه ۳</option>
</select>

• selected → گزینه پیش‌فرض

• aria-label → برای دسترسی و خوانایی توسط screen reader

2️⃣ Small / Large Select (اندازه‌ها)

• کوچک: form-select-sm

• بزرگ: form-select-lg

<select class="form-select form-select-sm mb-2">
  <option selected>کوچک</option>
  <option value="1">گزینه ۱</option>
</select>

<select class="form-select form-select-lg">
  <option selected>بزرگ</option>
  <option value="1">گزینه ۱</option>
</select>

3️⃣ Disabled / Readonly Select

• غیر فعال: disabled

<select class="form-select mb-3" disabled>
  <option selected>غیر فعال</option>
  <option value="1">گزینه ۱</option>
</select>

• توجه: در Select readonly معمولاً استفاده نمی‌شود، چون غیر فعال کردن کافی است.

4️⃣ Multiple Select (انتخاب چندگانه)

• کلاس: form-select + صفت multiple

• انتخاب همزمان چند گزینه توسط Ctrl/Cmd یا Shift

<select class="form-select mb-3" multiple>
  <option value="1">گزینه ۱</option>
  <option value="2">گزینه ۲</option>
  <option value="3">گزینه ۳</option>
  <option value="4">گزینه ۴</option>
</select>

5️⃣ Custom Styling / Colors

• می‌توان با Utilities کلاس‌های رنگ و فاصله ترکیب کرد

<select class="form-select bg-primary text-white mb-3">
  <option selected>رنگ آبی</option>
  <option value="1">گزینه ۱</option>
</select>

6️⃣ Form Integration

• Select می‌تواند با Grid و Input Group ترکیب شود

<div class="input-group mb-3">
  <label class="input-group-text" for="inputGroupSelect01">گزینه‌ها</label>
  <select class="form-select" id="inputGroupSelect01">
    <option selected>انتخاب کنید</option>
    <option value="1">گزینه ۱</option>
    <option value="2">گزینه ۲</option>
  </select>
</div>

• استفاده از input-group-text برای اضافه کردن متن یا آیکون کنار Select

✅ نکات مهم

• کلاس form-select برای زیبایی و ریسپانسیو بودن Select استفاده می‌شود.

• اندازه‌ها (sm, lg) و رنگ‌ها با Utilities قابل ترکیب هستند.

• برای فرم‌های حرفه‌ای می‌توان Select را با Grid، Input Group و Floating Label ترکیب کرد.