Bootstrap 5 Select Menus | Bootstrap-select
SelectMenuSelectmenu(selectone):1234Multipleselectmenu(holdctrlorshift(ordragwiththemouse)toselectmorethanone):12345Selectmenusareusedifyouwanttoallowtheusertopickfrommultipleoptions.TostyleaselectmenuinBootstrap5,addthe.form-selectclasstotheTryitYourself»[1]SelectMenuSize123412341234Usethe.fo...
Select MenuSelect menu (select one): 1234Multiple select menu (hold ctrl or shift (or drag with the mouse) to select more than one): 12345
Select menus are used if you want to allow the user to pick from multiple options.
To style a select menu in Bootstrap 5, add the .form-select class to the <select> element:
Example<select class="form-select"> <option>1</option> <option>2</option> <option>3</option> <option>4</option></select>
Try it Yourself »[1] Select Menu Size123412341234
Use the .form-select-lg or .form-select-sm class to change the size of the select menu:
Example<select class="form-select form-select-lg"><select class="form-select"><select class="form-select form-select-sm">
Try it Yourself »[2] Disabled Select Menu1234
Use the disabled attrib...