Nearby lessons
34 of 39🔽 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.
📏 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.
✅ Select Best Practices
- Use .form-select instead of .form-control for
<select>. - Use .form-label and
for/idfor accessibility.
🧠 Test Your Knowledge
2 QuestionsProgress: 0 / 2
Keep Going!BS5 Checks and Radios