If you have a button appended to an input control in Bootstrap, and you want it fill the entire width, it’s not sufficient to add the
input-block-level to the input itself but this CSS class also needs to be added to the surrounding
div. For example:
<div class="input-append input-block-level"> <input type="text" class="search-query input-block-level" name="q" placeholder="Search"> <button type="submit" class="btn btn-primary">Search</button> </div>
.input-block-level to only one of the elments (either the
div or the
input) just doesn’t work.