bootstrap forme du champ

J'ai un bootstrap formulaire comme ceci:

<div class="container">
    <form class="form-horizontal">
        <div class="form-group">
            <div class="col-xs-2 text-right">
                <label class="control-label">Name</label>
            </div>
            <div class="required col-xs-10" >
                <input class="form-control" type="text" />
            </div>
        </div>
    </form>
</div>

Maintenant le nom de champ est obligatoire si je veux afficher un astérisque à côté d'elle. J'ai essayé ceci:

.required:after {
    content: " *";
}

Mais il est affiché dans l'entrée, pas droit à côté. Comment puis-je résoudre ce problème?
JSFiddle: http://jsfiddle.net/Dc5yw/

  • voulez-vous * à côté de texte, nom ou à côté de l'entrée?
  • Il doit être à côté de l'entrée.
InformationsquelleAutor lunr | 2014-04-09