Bootstrap3: aligner à droite les étiquettes à côté de l'entrée de la boîte (dans django 1.5)
Je souhaite avoir des étiquettes alignées à droite, à côté de sa zone de saisie (avec un espace entre les deux). Cependant, les étiquettes sont toujours aligné à gauche. Selon Boostrap3 de la documentation et de ce question, la forme, horizontal classe doit être utilisée, mais encore résultat n'est pas droit.
Le django template de code ci-dessous ne génèrent des champs dans les deux colonnes de la mode, mais avec l'alignement à gauche des étiquettes:
<form class="form-horizontal" role="form">
<div class="form-group">
<div class="col-md-3 col-md-offset-1 input-md">
{{ form.code|bootstrap_horizontal }}
</div>
<div class="col-md-3 col-md-offset-2 input-md">
{{ form.name|bootstrap_horizontal }}
</div>
<div class="col-md-3 col-md-offset-1 input-md">
{{ form.company|bootstrap_horizontal }}
</div>
</div>
<div class="btn-group btn-group-lg">
<button class="btn" type="submit">Crear Marca</button>
</div>
</form>
Je suppose que je suis en manque de quelque chose. Merci d'avance pour votre aide.
MODIFIÉ:
La production de code HTML dans jsfiddle.
L'Image de sortie réelle inclus dans ce lien. Comme vous pouvez le voir, le Code & Compagnie sont alignés à gauche.
- Pourriez-vous ajouter le code html de suite au lieu de votre modèle? Dans un violon ou bootply peut-être
- Basse, édité question et inclus code html généré et également une image. Espérons que cette aide. Merci.
Vous devez vous connecter pour publier un commentaire.
Je pense que votre texte est aligné à droite, mais l'effet n'est pas visible en raison de l'imbrication de votre grille de classes.
Essayez quelque chose comme:
Lorsque vous imbriquez vos classes de grille (col--) qu'un enfant reçoit un pourcentage de la largeur de son parent. Lorsque vous imbriquez un col-lg-6 dans un col-lg-6 son avec sera de 25% de la fenêtre d'affichage de 50% de 50%.
Dans le cas où vous voulez à l'entrée à côté de l'autre avec un flotteur gauche (votre col-- classes d'ajouter cette float) il ne peut être en différents groupes. Le
.from-group
a un clearfix qui annuler le flotteur gauche. Donc, essayez quelque chose comme: