引导程序与列对齐

Question

我正在使用Bootstrap CSS框架，并且有2列的行，其中一列具有输入字段和标签，而另一列具有输入字段而没有标签。这是jsfiddle。

我希望第二个输入字段与第一个输入字段对齐。我该如何实现？

任何帮助将不胜感激。

<div class="container">
  <div class="row">
    <div class="col-sm-4">
        <label>Name</label>
            <input type="text" id="First Name">
    </div>
    <div class="col-sm-4">
      <input type="text" id="Last Name">
    </div>
  </div>

</div>

Answer 1

您可以尝试

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet"/>
    <div class="container">
      <div class="row">
        <div class="col-sm-4">
            <label>Name</label>
                <input type="text" id="First Name">
        </div>
        <div class="col-sm-4 align-self-end">
          <input type="text" id="Last Name">
        </div>
      </div>
     
</div>