html - Top margin alignment in a row in bootstrap -

html - Top margin alignment in a row in bootstrap -

i have row in bootstrap label,textbox , button.

but top edges of label , text box not getting aligned. there way in bootstrap prepare this.

code:

<div class="row"> <div class="col-md-3"> <h4><span class="label classone control-label">your purchased items</span></h4> </div> <div class="col-md-3 col-md-offset-5"> <input type="search" class="col-md-12 form-control" placeholder="enter item code or item name" /> </div> <div class="col-md-1"> <input type="button" class="form-control btn btn-default btn-xs searchbutton" value="search" /> </div> </div>

fiddle link: http://jsfiddle.net/ponsakthi/etj7j/embedded/result/

it can done using : h4 { display:inline; }

html css twitter-bootstrap twitter-bootstrap-3