<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.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 ----------> <div class="container"> <div class="row"> <<h1 align="center">logo here</h1> <br/> <div class="container"> <div class="row"> <div class="col-md-3 col-sm-3 col-xs-3"></div> <div class="col-md-3 col-sm-3 col-xs-3 sec"><select class="form-control"> <option>District</option> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> </select> </div> <div class="col-md-3 col-sm-3 col-xs-3 sec"><select class="form-control"> <option>Town</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> </select></div> <div class="col-md-3 col-sm-3 col-xs-3"></div> </div> <br> <div class="row"> <div class="col-md-3 col-sm-3 col-xs-3"></div> <div class="col-md-6 col-sm-6 col-xs-6"> <input type="search" class="form-control" placeholder="what are you looking for"> </div> <div class="col-md-3 col-sm-3 col-xs-3"></div> </div> <br> <div class="row"> <div class="col-md-5 col-sm-5 col-xs-5"></div> <div class="col-md-2 col-sm-2 col-xs-3"><button type="button" class="btn btn-primary">Primary</button></div> <div class="col-md-5 col-sm-5 col-xs-35"></div> </div> </div> </div> </div>

body{ margin-top:110px; } .sec{ padding-bottom: 6px; }