Les étiquettes et les groupes de contrôle peuvent être posés horizontalement côte à côte à côte en ajoutant la classe .form-horizontal à la forme et en utilisant les classes raster prédéfinies de Bootstrap. Cela modifie le comportement du groupe.
Les formes horizontales sont non seulement différentes en quantité des autres formes, mais aussi dans différentes formes de présentation. Pour créer une forme disposée horizontalement, suivez les étapes suivantes:
1. Ajouter une classe .form-horizontal à l'élément parent <form>.
2. Placez les balises et les contrôles dans un <v> avec la classe .form-group.
3. Ajouter une classe .Control-label à l'étiquette.
Code d'implémentation:
<form role="form"> <div> <label for="inputEmail3">Email</label> <div> <input type="email" id="inputEmail3" placeholder="Email"> </div> </div> <div> <label for="inputPassword3">Password</label> <div> <input type="password" id="inputPassword3" placeholder="Password"> </div> </div> <div> <div> <Babel> <entrée Type = "Checkbox"> Souvenez-vous de moi </ Label> </div> </div> </div> <div> <div> <Button Type = "Soumide"> Connexion </futton> </div> </div> </ form>
Si vous souhaitez toujours étudier en profondeur, vous pouvez cliquer ici pour apprendre et vous attacher un sujet merveilleux: Tutoriel d'apprentissage bootstrap
Ce qui précède est tout le contenu de cet article. J'espère que cela sera utile à l'apprentissage de tous et j'espère que tout le monde soutiendra davantage Wulin.com.