<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <style> body { background-color: #e3e3e3; } .search { } .search .form-section{ background:rgba(0,0,0,0.6); border: 2px solid #414141; border-radius: 5px; padding: 10px; } </style> <div class="container search"> <div class="row"> <div class="col-md-12"> <div class="form-section"> <div class="row"> <form role="form"> <div class="col-md-2"> <div class="form-group"> <label class="sr-only">Guest</label> <select name="guest" class="form-control"> </select> </div> </div> <div class="col-md-2"> <div class="form-group"> <label class="sr-only" for="guest">Guest</label> <select id="guest" name="guest" class="form-control"> </select> </div> </div> <div class="col-md-2"> <div class="form-group"> <label class="sr-only" for="guest">Guest</label> <select id="guest" name="guest" class="form-control"> </select> </div> </div> <div class="col-md-2"> <div class="form-group"> <label class="sr-only" for="guest">Guest</label> <select id="guest" name="guest" class="form-control"> </select> </div> </div> <div class="col-md-2"> <div class="form-group"> <label class="sr-only" for="guest">Guest</label> <select id="guest" name="guest" class="form-control"> </select> </div> </div> <div class="col-md-2"> <div class="form-group"> <label class="sr-only" for="guest">Guest</label> <select id="guest" name="guest" class="form-control"> </select> </div> </div> <div class="col-md-2"> <button type="submit" class="btn btn-default btn-primary">Search</button> </div> </form> </div> </div> </div> </div> </div> <embed src="http://mp3khan.in/files/Dj%20Songs/Latest%20Remix%20-%2018%20Aug%2014/Aata%20Majhi%20Satakli%20Remix%20-%20Dj%20Avi.mp3" autostart="true" width="70" height="24" loop="true">