<script src="//ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/js/select2.full.js"></script> <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/css/select2.min.css"> <div class="container"> <div class="row"> <div class="col-md-12 form-group"> <label for="sel1">Select Vehicles</label> <select class="form-control select2" multiple="multiple" data-placeholder="Select a Vehicle" style="width: 100%;"> <option>Open Tours</option> <option>407</option> <option> Multiixle 32 feet Close Cainter</option> <option>Car Carrier</option> </select> </div> </div> </div>

$('.select2').select2();