Select

Customize the native <select> with custom CSS that changes the element’s initial appearance.

Select on Bootstrap

Default

<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>

Sizing

<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>
On this page

Thank you for creating with Phoenix|
2022 ©Themewagon

v1.6.0

Theme Customizer

Explore different styles according to your preferences

Color Scheme
Navigation Type
Vertical Navbar Appearance
Horizontal Navbar Shape
Horizontal Navbar Appearance
Purchase template
customize