根据 Bootstrap 示例，您需要添加input-group-btn元素。

例如。

<div class="input-group">
  <input type="text" class="form-control" aria-label="...">
  <div class="input-group-btn">
    <select class="form-control">
      <option selected="">seconds</option>
      <option>minutes</option>
      <option>hours</option>
      <option>days</option>
      <option>weeks</option>
    </select>
  </div>
</div>

小提琴here

这把小提琴的宽度为100% fiddle

<div class="container">
  <div class="row">
    <div class="">
    <div class="col-xs-12">
<div class="input-group">
    <input id="ban_time" type="number" class="form-control" value="10">
    <span class="input-group-addon">
      <select class="form-control" style="width: auto">
      <option selected="">seconds</option>
      <option>minutes</option>
      <option>hours</option>
      <option>days</option>
      <option>weeks</option>
    </select>
    </span>

  </div>
    </div>
  </div>
</div>

您必须删除input style=“width：auto”，必须添加额外的span并给予类input-group-addon，还必须在span标记内嵌套select标记

我正在寻找解决方案的较新版本的 Bootstrap 一样4.6，但上述答案不为我工作。
对于Bootstrap v4.6，您需要添加“flex：1;“添加到您的输入中。这将使您的输入扩展到除追加或前置之外的整个区域。

<div class="input-group mb-3">
  <input type="text" class="form-control" style="flex: 1;" placeholder="Recipient's username" aria-label="Recipient's username" aria-describedby="basic-addon2">
  <div class="input-group-append">
    <span class="input-group-text" id="basic-addon2">@example.com</span>
  </div>
</div>