css - 使 Bootstrap 输入组全宽

Question

我的问题是，我的input-group 的宽度不是 100%。

这是目前的样子:https://jsfiddle.net/6gmzz07b/

我只想让 input-group 的宽度为 100%，以便填满容器。

Answer 1

根据 Bootstrap example您需要添加 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>

fiddle here