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: