Bootstrap 5 Select component
Select input component allows you to select a single item from a list of options.
Basic select
Custom <select>
menus need only a custom class, .form-select
to trigger the custom styles. Custom styles are limited to the <select>
’s initial appearance and cannot modify the <option>
s due to browser limitations.
Disabled
Add the disabled
boolean attribute on a select to give it a grayed out appearance and remove pointer events.
Sizes
You may also choose from small and large custom selects to match our similarly sized text inputs.
Multiple select
Use a multiple
attribute allowed to select more than one value that presents in <select>
element.
with the size
attribute: