html - 如何将按钮与 Bootstrap 中具有标签的文本框对齐

Question

如何让按钮与文本框对齐？

<form accept-charset="UTF-8" action="/action" method="get">
  <div class="form-group">
    <div class="row">
      <div class="col-lg-5 col-md-5 col-sm-5 col-xs-5">
        <label for="from_date">From date</label>
        <input class="form-control" id="from_date" name="from_date" type="text">
        <p class="help-block">* Dates are inclusive</p>
      </div>
      <div class="col-lg-5 col-md-5 col-sm-5 col-xs-5">
        <label for="to_date">To date</label>
        <input class="form-control" id="to_date" name="to_date" type="text">
      </div>
      <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2">        
        <input class="btn btn-primary" name="commit" type="submit" value="Go">
      </div>
    </div>
  </div>
</form>

Answer 1

向最后一个 div 添加填充是一种解决方案。

<div class="col-lg-2 col-md-2 col-sm-2 col-xs-2 toppadding">        
    <input class="btn btn-primary" name="commit" type="submit" value="Go">
  </div>

在CSS类中添加

.toppadding
{
    padding-top:23px;
}

检查这个Demo