What is the role selected in Bootstrap forms?
I want select to be like the following:
A select is used when you want to allow the user to pick from multiple options, but by default, it only allows one.
You can try to run the following code to implement Bootstrap form select
Live Demo
<!DOCTYPE html> <html> <head> <title>Bootstrap Example</title> <meta name = "viewport" content="width = device-width, initial-scale = 1"> <link rel = "stylesheet" href = "https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css"> <script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src = "https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> </head> <body> <form role = "form"> <div class = "form-group"> <label for = "name">Country</label> <select class = "form-control"> <option>India</option> <option>Australia</option> <option>US</option> </select> </div> </form> </body> </html>
We use cookies to provide and improve our services. By using our site, you consent to our Cookies Policy. Accept Learn more