- Formatrice: Andréa Neumann
- Leçons: 23
- Étudiante: 1454
- Durée: Semaines 10
Bootstrap est le framework frontal le plus populaire pour un développement Web plus rapide et plus facile. Il comprend des modèles de conception basés sur HTML et CSS pour la typographie, les formulaires, les boutons, les tableaux, la navigation, les modaux, les carrousels d'images et bien d'autres, ainsi que des plugins JavaScript facultatifs. Bootstrap vous donne également la possibilité de créer facilement des conceptions réactives qui s'ajustent automatiquement pour bien paraître sur tous les appareils, des petits téléphones aux grands ordinateurs de bureau.
Procédures
Bootstrap utilise des éléments HTML et des propriétés CSS qui nécessitent le doctype HTML5, vous devez donc inclure le doctype HTML5 au début de la page avec le jeu de caractères correct.
Bootstrap est conçu pour être réactif aux appareils mobiles. Pour garantir un rendu et un zoom tactile corrects, ajoutez la balise suivante dans l'élément d'en-tête HTML.
Conteneurs
Bootstrap a son propre wrapper pour envelopper le contenu du site.
La classe de conteneur fournit un conteneur réactif à largeur fixe
La classe container-fluid fournit un conteneur pleine largeur couvrant toute la largeur de la fenêtre.
Vous ne pouvez pas mettre un conteneur à l'intérieur d'un autre conteneur.
Système de Grille
Le système de grille de Bootstrap divise la largeur totale de la page en 12 colonnes égales. Vous pouvez regrouper les colonnes pour créer des colonnes plus larges ou les utiliser individuellement. Ce système de grille est réactif et les colonnes se réorganiseront automatiquement en fonction de la taille de l'écran.
Chou 1 | Chou 1 | Chou 1 | Chou 1 | Chou 1 | Chou 1 | Chou 1 | Chou 1 | Chou 1 | Chou 1 | Chou 1 | Chou 1 |
Chou 2 | Chou 2 | Chou 2 | Chou 2 | Chou 2 | Chou 2 | ||||||
Chou 3 | Chou 3 | Chou 3 | Chou 3 | ||||||||
Chou 4 | Chou 4 | Chou 4 | |||||||||
Chou 6 | Chou 6 | ||||||||||
Chou 12 |
Classes de grille
Le système de grille Bootstrap a quatre classes
xs (pour les téléphones)
sm (pour les tablettes)
md (pour les ordinateurs de bureau)
lg (pour les grands ordinateurs de bureau)
Les classes ci-dessus peuvent être combinées pour créer des mises en page plus dynamiques et flexibles.
Structure basique
1. Créez un wrapper.
2. Créez une ligne pour annuler la propriété padding du wrapper.
3. Créez une div de xs ou sm ou md ou lg selon vos besoins. Personnellement, je préfère md car il fonctionne mieux pour tous les appareils.
4. Le nombre total de valeurs de cols à l'intérieur de chaque ligne doit totaliser 12.
...
Attestation gratuite
Academy Europe présente des diplômes formels, des certificats et des e-certificats de haute qualité qui sont une preuve formelle et une reconnaissance des cours en ligne accrédités. Il montre les capacités de tous les étudiants à apprendre et à obtenir des résultats élevés et est très utile pour promouvoir la carrière personnelle, y compris avec des CV, des demandes d'emploi et des améliorations personnelles.
Comment pouvez-vous obtenir votre certificat à Academy Europe ?
- Vous devez cliquer sur le lien "Terminer" à la fin de chaque leçon de votre cours après les avoir terminées.
- Lorsque vous avez terminé toutes les leçons, le lien "Terminer le cours" sera actif à la fin de la dernière leçon.
- Lorsque vous cliquez sur le lien "Terminer le cours", vous terminez officiellement votre cours sur Academy Europe. Ensuite, la page "certificat" de votre cours terminé sera automatiquement active.
- Vous pouvez voir et télécharger votre certificat en ligne après avoir cliqué sur votre lien « certificat ».
Échantillons : Diplôme horizontal - Certificat horizontal - Certificat électronique vertical
Audience
Ce didacticiel a été conçu pour les utilisateurs désireux de faire des interactions homme-machine un niveau d'étude supérieur dans leur carrière.
Ce cours par Academy Europe vise à donner une éducation et une formation de qualité aux étudiants.
Academy Europe se consacre à ses étudiants, à leurs besoins d'apprentissage spécifiques et à leur réussite globale en matière d'apprentissage.
Ce cours est orienté vers une étude indépendante centrée sur l'étudiant et une approche d'apprentissage asynchrone.
Après avoir terminé ce cours sur Academy Europe, les étudiants s'amélioreront et progresseront dans leur carrière.
Ce cours est basé sur au moins deux compétences d'apprentissage qui sont fournies aux utilisateurs par le biais d'audio et de visuels, de vidéos, de présentations verbales et d'articles, qui sont tous asynchrones avec l'approche de l'enseignement à distance.
Pré-requis
Les connaissances de base de l'interface utilisateur graphique, de la programmation orientée objet et des outils et menus logiciels sont les seuls prérequis pour ce didacticiel.
Avant de commencer ce cours sur Academy Europe, nous supposons que vous avez une bonne aptitude et que vous pouvez penser logiquement. Vous devriez vouloir essayer quelque chose de différent.
Les candidats idéaux pour le cours possèdent généralement :
– Rigueur et écoute
– Capacité à mener des recherches
– Capacité à effectuer des tâches avec rapidité, efficacité et précision
– Jugement analytique
– Patience pour interpréter les données techniques/scientifiques
– Une volonté d'apprendre, retroussez vos manches et travaillez vers votre rêve!
– Un ordinateur, une tablette ou un smartphone et une connexion internet
– Compétences informatiques de base