Bootstrap <input> align div in div

Question

如何將自舉輸入字段對齊到div的頂部？
我使用一個文本輸入，後面跟着一個3行的textarea。
現在我想輸入字段和textarea具有相同的「頂線」。

像這樣：

-----  ----- 
-----  

      ----- 

，而不是像這樣（在div的中間）：

  ----- 

-----  
----- 

      ----- 

CODE

<form class="form form-inline"> 
    <!-- Label --> 
    <div class="col-md-1"> 
    <label class="label label-danger">Kommentar <span class="glyphicon glyphicon-arrow-right"></span></label> 
    </div> 
    <!--Name input--> 
    <input class="form-control col-md-offset-1" type="text" id="name_input" name="name_input" placeholder="Namn" required=""> 
    <textarea class="form-control col-md-offset-1" rows="3" id="input_text" name="text_input" placeholder="Kommentar.." required=""></textarea> 
</form> 

Answer 1

添加vertical-align: top;將解決您的問題。

這裏檢查更新的代碼：

.form-control.col-md-offset-1 { 
 
    vertical-align: top; 
 
}

<form class="form form-inline"> 
 
    <!-- Label --> 
 
    <div class="col-md-1"> 
 
    <label class="label label-danger">Kommentar <span class="glyphicon glyphicon-arrow-right"></span></label> 
 
    </div> 
 
    <!--Name input--> 
 
    <input class="form-control col-md-offset-1" type="text" id="name_input" name="name_input" placeholder="Namn" required=""> 
 
    <textarea class="form-control col-md-offset-1" rows="3" id="input_text" name="text_input" placeholder="Kommentar.." required=""></textarea> 
 
</form>