<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/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"> <h4>Blended with "hr". You can export search result</h3> <hr> <div class="panel panel-primary filterable"> <div class="panel-heading"> <h3 class="panel-title">Search </h3> <div class="well"> <fieldset class="scheduler-border"> <legend class="scheduler-border">Search Parameters</legend> <div class="control-group"> <div class = "input-group" style="margin-left:300px"> <span class = "input-group-addon">Last Name :</span> <input type = "text" class = "form-control" placeholder = "Last Name"> </div> <div class = "input-group " style="margin-left:300px"> <span class = "input-group-addon">Last Name :</span> <input type = "text" class = "form-control col-md-8" placeholder = "Last Name"> </div> <div class = "input-group" style="margin-left:300px"> <span class = "input-group-addon">Last Name :</span> <input type = "text" class = "form-control col-lg-8" placeholder = "Last Name"> </div> <div class="btn-toolbar"> <button class="btn btn-primary btn-block " >Search</button> </div> </div> </fieldset> </div> <div class="modal small hide fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h3 id="myModalLabel">Delete Confirmation</h3> </div> <div class="modal-body"> <p class="error-text">Are you sure you want to delete the user?</p> </div> <div class="modal-footer"> <button class="btn" data-dismiss="modal" aria-hidden="true">Cancel</button> <button class="btn btn-danger" data-dismiss="modal">Delete</button> </div> </div>

.filterable { margin-top: 15px; } .filterable .panel-heading .pull-right { margin-top: -20px; } .filterable .filters input[disabled] { background-color: transparent; border: none; cursor: auto; box-shadow: none; padding: 0; height: auto; }