This is documented here and here:
Remove input-prepend and input-append for singular
.input-group. The classes
have changed for the elements within, and require a bit more markup to use
buttons:
- Use
.input-groupas the parent class around the input and addon.- For text based prepends/appends, use
.input-group-addoninstead of.addon.- For button prepends/appends,
use.input-group-btnand place your.btnwithin that element.
Example:
<div class="container">
<div class="row">
<div class="col-sm-3 col-xs-12 col-lg-3">
<form class="form-search">
<div class="input-group">
<input type="text" class="form-control " placeholder="Text input">
<span class="input-group-btn">
<button type="submit" class="btn btn-search">Search</button>
</span>
</div>
</form>
</div>
</div>
</div>
EDIT: Working examples from @kviktor and @max4ever:
http://bootply.com/75917
http://bootply.com/78014