Home Whiteboard Graphing Calculator Online Compilers Articles Tools
Tutorials Courses Jobs

Create multiple select list in Bootstrap

Bootstrap Web Development CSS Framework

To create multiple select lists in Bootstrap, use multiple,

<select multiple class = "form-control">

You can try to run the following code to implement multiple select −

Example

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 multiple class = "form-control">
               <option>India</option>
               <option>Australia</option>
               <option>US</option>
            </select>
         </div>
      </form>
   </body>
</html>
Updated on: 2020-06-12T14:02:21+05:30

513 Views

Learn More in Our Tutorials

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements