css - 如何将这两个元素对齐在同一行中？

Question

我有一个 textarea和一个 submit按钮。

添加前<form>元素看起来像

现在，在用 <form> 包围这两个元素之后，它变成了

<div class="input-group">
     <form>
       <input type="text" class="form-control" placeholder="Enter Message"/>
       <span class="input-group-btn" >   
         <button class="btn btn-info" type="submit">SEND</button>
       </span>
     </form>
</div>

如何使用 <form> 返回之前的 View 包含元素？

我正在使用 angular-bootstrap-ui .

我有一个 custom.css我可以在其中覆盖默认 Bootstrap CSS 的文件。我尝试使用表单和按钮的 id，但没有达到确切的结果。

Answer 1

输入组应该在表单内。像这样:

<form>
  <div class="input-group">
    <input type="text" class="form-control" placeholder="Enter Message">
    <span class="input-group-btn">   
      <button class="btn btn-info" type="submit">SEND</button>
    </span>
  </div>
</form>