Bonne journée Les gars,
J'ai un formulaire avec du code ci-dessous à l'aide de l'ASP.NET MVC et du BOOTSRAP. Il y a deux colonnes et chaque colonne contient comme 7 éléments. L'espace entre les deux colonnes est trop large et le rend pas bien arrangé. Quelqu'un peut-il aider s'il vous plaît. Vous trouverez ci-dessous le code source.
Je vais aussi attacher la sortie. Je m'attends à ce que la sortie ne pas avoir ce grand espace entre les colonnes.
Merci pour l'aide anticipée. Entrez la description de l'image ici
3 Réponses :
et mettre du style pour vos deux autres cols: style = "flotteur: droite"; col1 style = "flotteur laissé"; COL2
Essayez ceci.
Cela ne résout pas le problème. Merci pour la préoccupation
Vous pouvez utiliser le Caractéristiques de la grille de bootstrap. Quelque chose comme:
Merci pour la réponse. J'ai été capable de résoudre en utilisant style = "largeur: 200px" au Col-MD-6
in bootstrap 4 Vous pouvez utiliser Form Row à Obtenez une mise en page de colonne de plus près:
<div class="container">
<div class="form-row"> //First row
<div class="form-group col"> //First column
@Html.EditorFor(model => model.Firstname, new { htmlAttributes = new { placeholder = "Firstname", @class = "form-control" } })
@Html.ValidationMessageFor(model => model.Firstname, "", new { @class = "text-danger" })
</div>
<div class="form-group col"> //Second column
@Html.EditorFor(model => model.DOB, new { htmlAttributes = new { placeholder = "Date Of Birth", @class = "form-control" } })
@Html.ValidationMessageFor(model => model.DOB, "", new { @class = "text-danger" })
</div>
</div>
</div>