Form Select

Default Select

Selects are used to offer a list of options to the user to choose from.

HTML Code for this Element

<select class="form-select" aria-label="Default select example">
	<option selected>Open this select menu</option>
	<option value="1">One</option>
	<option value="2">Two</option>
	<option value="3">Three</option>
</select>

Disabled Select

Add the disabled boolean attribute on an input to prevent user interactions.

HTML Code for this Element

<select class="form-select" aria-label="Disabled select example" disabled>
	<option selected>Open this select menu</option>
	<option value="1">One</option>
	<option value="2">Two</option>
	<option value="3">Three</option>
</select>

Sizing

Set heights using classes like .form-select-sm and .form-select-lg.

HTML Code for this Element

<select class="form-select form-select-lg mb-3" aria-label=".form-select-lg example">
	<option selected>Open this select menu</option>
	<option value="1">One</option>
	<option value="2">Two</option>
	<option value="3">Three</option>
</select>
	
<select class="form-select form-select-sm" aria-label=".form-select-sm example">
	<option selected>Open this select menu</option>
	<option value="1">One</option>
	<option value="2">Two</option>
	<option value="3">Three</option>
</select>