Bootstrap search box

In this tutorial, we are going to explain to you how to perform the Bootstrap class and create a search form so the below code available just copy and paste that is work and assign the Bootstrap CSS file.

HTML Code

<div class="row">
 <div class="col-lg-12">
  <div class="ibox float-e-margins">
    <div class="ibox-title"><h5>Search Students</h5></div>
        <div class="ibox-content m-b-sm border-bottom">
          <form  class="" action="" method="get">
          <div class="row">
            <div class="col-sm-4">
              <div class="form-group">
                <label class="control-label" for="order_id">Student ID</label>
                <input name="student_id" value="" placeholder="Student ID" class="form-control" tabindex="1" type="text">
              </div>
            </div>
            <div class="col-sm-4">
              <div class="form-group">
                <label class="control-label" for="customer">Student Name</label>
                <input  name="student_name" value="" placeholder="Student Name" class="form-control" tabindex="2" type="text">
              </div>
            </div>
           </div>
           <button class="btn btn-info" type="submit" ><i class="fa fa-search"></i> Search</button>
           <a class="btn btn-white" href="" >Reset</a>
          </form>
        </div>
    </div>
  </div>
</div>

Leave a Reply

Your email address will not be published. Required fields are marked *