Bootstrap Demo
Bootstrap Code
Output
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" integrity="sha512-dTfge/zgoMYpP7QbHy4gWMEGsbsdZeCXz7irItjcC3sPUFtf0kuFbDz/ixG7ArTxmDjLXDmezHubeNikyKGVyQ==" crossorigin="anonymous"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <div class="container"> <h1>A Bootstrap Select</h1> <div class="form-group"> <label for="gender1" class="col-sm-2 control-label">Without Bootstrap:</label> <div class="col-sm-2"> <select id="gender1"> <option>Male</option> <option>Female</option> </select> </div> </div> <div class="form-group"> <label for="gender1" class="col-sm-2 control-label">With Bootstrap:</label> <div class="col-sm-2"> <select class="form-control" id="gender1"> <option>Male</option> <option>Female</option> </select> </div> </div> </div> </body> </html>
A Bootstrap Select
Without Bootstrap:
Male
Female
With Bootstrap:
Male
Female