bootstrap 两列高度不一致如何解决

Question

大家好，小弟初学bootsrap，遇到问题，请教大家
如果row里面有两列，第一列是col-sm-2, 第二列是col-sm-10。但是第一列的高度是50，第二列的高度是30.会导致看起来很丑，该怎么解决？提前谢谢大家。

<form role="form" class="form-horizontal">
    <div class="form-group">
      <label class="col-sm-2 control-label" for="exampleInputEmail1">邮箱邮箱邮箱邮箱邮箱邮箱邮箱邮箱邮箱</label>
      <div class="col-sm-10">
        <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
      </div>
    </div>
 </form>

Answer 1

可以给两个写上相同的高度啊

Answer 2

左边多给几个栅格啊亲，像label这样的描述我一般是省略的，然后在input的placehold里面显示提示文字。

Answer 3

通过 JS ，调整两个高度一致吧