Bootstrap: Rendre l'aide-bloc inline

Je veux l'aider à bloc pour être en ligne avec l'entrée de champ (si il y a de l'espace disponible à droite de l'entrée), mais il est en dessous de l'entrée-le champ de n'importe quelle largeur de l'écran. Comment puis-je faire inline?

Ici est de la forme:

  <form class="form-inline" role="form">
    <div class="form-group">
      <label for="query">Search</label>
      <input type="text"
             ng-model="query"
             class="form-control"
             id="query"
             placeholder="Enter search text">
      <span class="help-block">
        Search in any field...
      </span>
    </div>
  </form>

Et voici une plunk.

OriginalL'auteur EricC | 2014-10-25

  1. 5

    L'une des choses .help-block n'est définie display:block. Si vous ne voulez pas que, vous pouvez l'écraser comme ceci:

    .help-block {
    display: inline;
}

    La démo en Plunker

    OriginalL'auteur KyleMit

  2. 1
    /* Make the help displayed horizontally and set with same color with help-block */
.help-inline {
  display: inline;
  color: #737373;
}

    OriginalL'auteur Carlos Liu

  3. 1

    Je connais une vieille question, mais pour ceux qui viennent à travers cela, il suffit d'utiliser inline-block au lieu de help-block votre classe.

    OriginalL'auteur Tom Harris