Inline bootstrap form with labels above inputs

user_1202194 0
Viewed 8384

How can I move down the search button at the same level with other textfields?

enter image description here

  <form>
       <div class="col-md-3 form-group">
         <label for="search">Title</label>
         <input type="text" name="search" id="search" class="form-control" />
       </div>
       <div class="col-md-2 form-group">
         <label for="created_at_gt">Created at from</label>
         <input type="text" name="created_at_gt" id="created_at_gt" class="form-control" />
       </div>
       <div class="col-md-2 form-group">
         <label for="created_at_lt">To</label>
         <input type="text" name="created_at_lt" id="created_at_lt" class="form-control" />
       </div>
       <div class="row align-center">
         <input type="submit" value="search" class="btn btn-primary" />
        </div>
    </form>
twitter-bootstrap-3 css html
3 Answers

Try using br tag at end of label tag

<div class="row">
<div class="col-md-6">
    <label for="search">Title</label><br>
    <input type="text" name="search" id="search" class="form-control" />
</div>
<div class="col-md-6">
    <label for="year">Year</label><br>
    <input type="text" name="year" id="year" class="form-control" />
</div>
</div>
user_62812590
Related