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.
Vous devez vous connecter pour publier un commentaire.
Réduire la largeur des champs de saisie
form-control
et ajouterfloat:left
à ce.Vérifier la violon
CSS changements
vérifier ce violon.cela permettra de résoudre ur problème.
http://jsfiddle.net/Dc5yw/1/
modifier cette
cochez cette JSFiddle
note de côté:
:after
est l'ancienne syntaxe, maintenant, c'est ::aprèsDÉMO
CSS
Dans votre code HTML
HTML: