如何将按钮与文本框对齐?

<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>

最佳答案

一种解决方案是在最后一个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

关于html - 如何将按钮与在 bootstrap 中具有标签的文本框对齐,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/25903503/

10-12 06:47