<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <section class="check-onroad-price bg-light py-5" id="check-onroad-price"> <div class="container"> <div class="row text-center"> <div class="col-md-12"> <h3>Check On-Road Price</h3> <hr> </div> <div class="col-md-6 offset-md-3"> <form> <div class="form-row"> <div class="form-group col-md-12"> <input id="text" name="text" placeholder="Type the car name" class="form-control" type="text"> </div> <div class="form-group col-md-12"> <select id="select" name="select" class="select form-control"> <option value="rabbit">New Delhi</option> <option value="duck">Hyderabad</option> <option value="fish">Banglore</option> </select> </div> </div> </form> <button type="button" class="btn btn-danger">Check on Road Price</button> </div> </div> </div> </section>