Question

如何将引导输入字段与div的顶部对齐？
我使用文本输入，然后是3行的textarea 现在我喜欢输入字段和textarea与＃34;顶行＆＃34;。

像这样：

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

          -----

而不是这样（在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;将解决您的问题。

点击此处查看更新的代码：

＆＃13;

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

＆＃13;

<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>

＆＃13;

Bootstrap <input />在div中对齐顶部

1 个答案: