Maison > Article > interface Web > Comment créer une mise en page de formulaire à l'aide de Bootstrap
Bootstrap fournit trois types de présentations de formulaires : les formulaires verticaux, les formulaires horizontaux et les formulaires en ligne ; ils sont définis en introduisant en externe des fichiers JavaScript et CSS dans Bootstrap et en ajoutant des noms de classe aux éléments Contrôles de formulaire
Les formulaires HTML font partie intégrante des pages Web et des applications, mais la configuration manuelle des contrôles de formulaire un par un en utilisant uniquement CSS est souvent lourde et fastidieuse. De nos jours, avec l'émergence du bootstrap, le processus de style et d'alignement des contrôles de formulaire tels que les étiquettes, les champs de saisie, les zones de sélection et les zones de soumission du formulaire a été considérablement simplifié. Ensuite, dans l'article, nous présenterons en détail le style de mise en page des formulaires dans Bootstrap
[Cours recommandé : Cours Bootstrap]
Il existe trois types différents de présentations de formulaire fournies dans Bootstrap :
Formulaire vertical (disposition de tableau par défaut)
Formulaire horizontal
Formulaire en ligne
Dans l'article suivant, je présenterai ces dispositions et détails de formulaire un par un . Divers composants Bootstrap liés au formulaire
Présentation de Bootstrap en externe
<link rel="stylesheet" type="text/css" href=".\bootstrap-3.3.7-dist\css\bootstrap.css"> <script type="text/javascript" src=".\bootstrap-3.3.7-dist\js\bootstrap.min.js"></script>
Création d'une disposition de formulaire verticale
C'est. La disposition du formulaire Bootstrap par défaut, dans laquelle les styles sont appliqués aux contrôles de formulaire sans ajouter de classes de base à l'élément
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!