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

Theme Customizer

Explore different styles according to your preferences

RTL

Change text direction

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