7.32. Bootstrap5 drop-down menu

The drop-down menu can be either a single-choice drop-down menu or a multi-choice drop-down menu.

Select the drop-down menu:

Select multiple drop-down menus:

Drop-down menu in Bootstrap5 element can be used .form-select class to render:

7.32.1. Example ¶

<select class="form-select">
  <option>1option>
  <option>2option>
  <option>3option>
  <option>4option>
select>
   
 The drop-down menu passes through   .form-select-lg   or   .form-select-sm   class to modify the size: 
  
 
  7.32.2.  Example  ¶  
 
 
 
<select class="form-select form-select-lg">
<select class="form-select">
<select class="form-select form-select-sm">
 
 
 
 The effect is as follows: 
 
  
 
   disabled   property to prevent the drop-down menu from being selected: 
 
 
 
  7.32.3.  Example  ¶  
 
 
 
<select class="form-select" disabled>
  <option>1option>
  <option>2option>
  <option>3option>
  <option>4option>
select>
   
 
 Data list  ¶  
 
 Bootstrap can also be accessed through   datalist   labeled as   

element settings drop-down menu: