bootstrap se former à l'intérieur modal pas correctement alignées
J'ai essayé de faire un formulaire modal à l'aide de bootstrap (horizontal) et le champ sont affichés sous les étiquettes. Une idée de comment résoudre ce problème si les zones de texte d'entrée sera à la droite de la étiquettes et ne pas être sous?
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-header">
<button type="button" class="close specialb" data-dismiss="modal" aria-hidden="true">×</button>
<h3 id="myModalLabel">Modal header</h3>
</div>
<div class="modal-body">
<form class="form-horizontal" class="non-margined">
<div class="control-group">
<label class="control-label" for="firstName">First name:</label>
<div class="controls">
<input type="text" id="firstName" placeholder="FirstName" />
</div>
</div>
<div class="control-group">
<label class="control-label" for="lastName">Last name:</label>
<div class="controls">
<input type="password" id="lastName" placeholder="LastName" />
</div>
</div>
<div class="control-group">
<label class="control-label" for="emailAddress">Email Address:</label>
<div class="controls">
<input type="password" id="emailAddress" placeholder="EmailAddress" />
</div>
</div>
</form>
</div>
<div class="modal-footer">
<button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
<button class="btn btn-primary">Save changes</button>
</div>
</div>
Pouvez-vous nous montrer ton code HTML et CSS
désolé j'ai oublié!
Sa fonctionne très bien bootply.com/88453
yep je sais, si j'ai mis le formulaire dans une page (non modale) est montré correct. si c'est en modal puis est cassé ...
Avez-vous essayé d'envelopper votre formulaire dans une ligne fluide ? Peut-être que votre modal-largeur est trop faible .... :-/
désolé j'ai oublié!
Sa fonctionne très bien bootply.com/88453
yep je sais, si j'ai mis le formulaire dans une page (non modale) est montré correct. si c'est en modal puis est cassé ...
Avez-vous essayé d'envelopper votre formulaire dans une ligne fluide ? Peut-être que votre modal-largeur est trop faible .... :-/
OriginalL'auteur user2818430 | 2013-10-18
Vous devez vous connecter pour publier un commentaire.
Vous devez placer la forme, horizontal déclaration avec le modal-body déclaration. Les travaux de cette.
<div class="modal-body form-horizontal">
OriginalL'auteur Javamav
Je suis en utilisant bootstrap v3.3.2. J'ai été dans une situation similaire à hier, et c'est ce qui a fonctionné pour moi.
OriginalL'auteur
Essayer cela,
Travail de démonstration
OriginalL'auteur Rohan Kumar