Bootstrap search box

0

In this tutorial we are going to explain you how to perform Bootstrap class and create search form so below code available just copy and paste that is work and assign 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>