Scrumplex Scrumplex - 6 months ago 65
CSS Question

Make Bootstrap input group full width

My problem is, that my

input-group
won't be full width.

This is how it looks at the moment: https://jsfiddle.net/6gmzz07b/

In the fiddle I want, that the
input-group
fill the
container
and the inputs inside should be auto-sized.

Answer

According to bootstrap example you need to add input-group-btn element.

For Example.

<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