Bootstrap 3 input-append upgrade

Solution 1:

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-group as the parent class around the input and addon.
  • For text based prepends/appends, use .input-group-addon instead of .addon.
  • For button prepends/appends, use .input-group-btn and place your .btn within 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