Make Bootstrap input group full width

Question

My problem is, that my input-group's width is not 100%.

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

I just want, that the input-group's width is 100%, so that it fills the container.

Answer 1

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