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

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> 元素的先前视图？

我正在使用 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>