如何在具有相同高度的输入组内显示所有输入元素？ （Bootstrap + Demo）

Question

通过Bootstrap构建时间输入字段（小时和分钟）。

我已经google了很多，并想出了一个解决方案。 但问题是，小时和分钟字段不在一行上。

两个输入如何具有相同的高度？

演示： https://www.bootply.com/BxjISccVMH

问题：

Answer 1

我通过将标签放在自己的行中，将输入组放在下一行来修复此问题。

<div class="container">
  <div class="form-group ">
      <div class="row ">
          <label>Time</label>
      </div>

      <div class="row ">
        <div class="col-xs-12 input-group">
          <input type="text" class="form-control" placeholder="Std.">
          <span class="input-group-addon">:</span>
          <input type="text" class="form-control" placeholder="Min.">
        </div>
      </div>
  </div> 
</div>

Check out my codepen.