在输入旁边放置按钮

Question

我有以下代码：

<div class="row">
    <div class="col-lg-12">
        <div class="form-group">
            <input class="form-control"><button class="btn btn-primary">Absenden</button>
        </div>
    </div>
</div>

我希望将按钮放置在输入旁边，如下图所示：

Answer 1

您可以input-group为此使用：

<div class="input-group">
  <input type="text" class="form-control">
  <span class="input-group-btn">
    <button class="btn btn-default" type="button">Abschicken</button>
  </span>
</div><!-- /input-group -->

Du kannst input-groupdafür nutzen：

<div class="input-group">
  <input type="text" class="form-control">
  <span class="input-group-btn">
    <button class="btn btn-default" type="button">Abschicken</button>
  </span>
</div><!-- /input-group -->