MVC - bootstrap -forme de contrôle est à venir dans la prochaine ligne avec le formulaire-groupe
Je veux utiliser bootstrap formgroup. Il fonctionne si j'ai un seul label & un contrôle, mais si il y a plus de 2 contrôles (étiquette, de contrôle et de validation de champ), la validation de champ va à la ligne suivante.
J'ai essayé en utilisant le formulaire en ligne, mais pas de chance. Quelqu'un peut-il me dire comment faire pour garder tous les éléments de la forme-groupe en une seule ligne?
<div class="form-group">
@Html.Label("Emp ID", new { @class = "col-sm-2 control-label" })
<div class="col-sm-10">
@Html.TextBoxFor(model => model.EmpID, new { disabled = "disabled", @class = "form-control" })
</div>
</div>
@* Tried with form-group *@
<div class="form-group">
@Html.LabelFor(model => model.EmployementTypeID, Constants.EmploymentType, new { @class = "col-sm-2 control-label" })
<div>
@Html.DropDownListFor(model => model.EmployementTypeID, new SelectList(Model.EmploymentType, "EmployementTypeID", "EmployementTypeName", Model.EmployementTypeID), new { @class = "form-control" })
@* This validation goes in next line, how can we keep it in the same line *@
@Html.ValidationMessageFor(model => model.EmployementTypeID)
</div>
</div>
@* Tried with form-inline *@
<div class="form-inline">
@Html.LabelFor(model => model.Address, Constants.Address, new { @class = "col-sm-2 control-label" })
<div>
@Html.TextAreaFor(model => model.Address, new { @class = "form-control col-sm-10" })
@* This validation goes in next line, how can we keep it in the same line *@
@Html.ValidationMessageFor(model => model.Address)
</div>
</div>
OriginalL'auteur Atul Sureka | 2014-02-12
Vous devez vous connecter pour publier un commentaire.
Essayez d'ajouter votre
class="col-sm-10"
dans l'ensemble de votre div.Comme ceci:
OriginalL'auteur FSou1