Back to Bootstrap HubPractice BootstrapInterview Bootstrap

Nearby lessons

34 of 39
BS5 FlexBootstrap 5 FormsBS5 Select MenusBS5 Checks and RadiosBS5 Range

🔽 BS5 Select Menus

📌 What Are Bootstrap 5 Select Menus?

Style <select> with .form-select for a custom look. Use .form-label for the label and wrap in a .mb-3 group. For multiple selection, add the multiple attribute.

🔽 Basic Select (.form-select)

.form-select – replaces default select styling with Bootstrap’s (border, padding, arrow). Use on <select>. Pair with .form-label and <option> elements.

Example02
Loading editor…

📏 Select Sizes (.form-select-lg, .form-select-sm)

.form-select-lg – larger select. .form-select-sm – smaller. Add to the same element as .form-select.

Example03
Loading editor…

✅ Select Best Practices

  • Use .form-select instead of .form-control for <select>.
  • Use .form-label and for / id for accessibility.

🧠 Test Your Knowledge

2 Questions
Progress: 0 / 2