引導程序與列對齊

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>