Bootstrap 3 entrée-ajout de la mise à niveau

Question

Je me suis mise à niveau vers Bootstrap 3, mais je ne peux pas comprendre comment le mise à niveau de mon ancienne entrée-ajoute.

J'ai eu quelque chose comme ceci:

<div class="input-append">
  <select>
    <option>hi</option>
    <option>hi2</option>
  </select>
  <span class="input-group-addon"></span>
  <input type="submit" class="btn" value="valami">
</div>

Aperçu: http://bootply.com/75910

Dans le Bootstrap 3, c'est le plus proche que j'ai pu obtenir

<div class="input-group">
  <select class="form-control">
    <option>hi</option>
    <option>hi2</option>
  </select>
  <span class="input-group-addon"></span>
  <input type="submit" class="form-control btn btn-default" value="valami">
</div>

Aperçu: http://bootply.com/75912

Si je supprime cette durée, il devient parfait, mais ils sont sur des lignes différentes.

Une idée de comment le faire correctement?

Answer 1

Ceci est documenté ici et ici:

Supprimer input-prepend et l'entrée-ajouter singulier .input-group. Les classes ont changé pour les éléments à l'intérieur, et nécessitent un peu plus de balisage à utiliser boutons:

• Utiliser .input-group que la classe parent autour de l'entrée et de l'addon.
• Pour le texte en fonction ajoute/ajoute, utilisez .input-group-addon au lieu de .addon.
• Pour le bouton ajoute/ajoute, utiliser .input-group-btn et le lieu de votre .btn dans cet élément.

Exemple:

<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: exemples de Travail de @kviktor et @max4ever:

http://bootply.com/75917

http://bootply.com/78014