如何将“ textarea”和“ a”（按钮）标签并排放置

Question

<div class="row">
   <a class="btn btn btn-success btn-block"><i class="fa fa-thumbs-up"></i>Ok</a>
</div>
<div class="row">
   <textarea name="textareaAxs" ></textarea>
   <a class="btn btn btn-danger btn-block"><i class="fa fa-thumbs-down"></i>Cancel</a>
</div>

在此处输入图像描述

Answer 1

.row2 {
  display: flex;
  align-items: center;
  
}

<div class="row">
   <a class="btn btn btn-success btn-block"><i class="fa fa-thumbs-up"></i>Ok</a>
</div>
<div class="row2">
   <textarea name="textareaAxs" ></textarea>
   <a class="btn btn btn-danger btn-block"><i class="fa fa-thumbs-down"></i>Cancel</a>
</div>

Answer 2

这里有一些DOCUMENTATION

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.2/css/bootstrap.min.css"/>

<div class="container">
  <div class="row">
    <div class="col">
      <a class="btn btn btn-success btn-block"><i class="fa fa-thumbs-up"></i>Ok</a>
     </div>
  </div>
  <div class="row">
      <div class="col">
        <div class="input-group">
          <textarea class="form-control" name="textareaAxs" ></textarea>
          <div class="input-group-append">
            <a class="input-group-button btn btn btn-danger btn-block"><i class="fa fa-thumbs-down"></i>Cancel</a>
        </div>
      </div>
    </div>
  </div>
</div>

Answer 3

您应该在Bootstrap中使用form-inline类。 有关更多信息，请检查this。