使 Bootstrap 输入组全宽

Scr*_*lex 5 css twitter-bootstrap twitter-bootstrap-3

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

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

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

Ism*_*ooq 5

根据引导程序示例,您需要添加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>
Run Code Online (Sandbox Code Playgroud)

在这里摆弄

  • 在 Bootstrap 4 中,我们为两个新类 .input-group-prepend 和 .input-group-append 删除了 .input-group-addon 和 .input-group-btn 。` :( (3认同)