Bootstrap

Cas pratique 1
• Créer des colonnes avec les grilles Bootstrap
• Aligner et espacer les colonnes des grilles Bootstrap
• Gérer l'ordre des colonnes et l'imbrication de lignes
• Mettre en forme des textes
• Modifier la couleur de fond, du texte et l'opacité
des éléments
• Modifier les dimensions des éléments
• Modifier les bordures des éléments
• Ajouter des marges aux éléments

Cas pratique 2
• Modifier l'affichage des éléments
• Modifier le positionnement des éléments
• Cacher les éléments et gérer les dépassements
• Ajouter des ombres aux éléments
• Créer des tableaux
• Gérer les images et les figures
• Créer des boutons
• Créer des groupes de listes
• Structurer des formulaires

Cas pratique 3
• Créer un menu de navigation avec Bootstrap
• Créer des éléments et des menus déroulants avec Bootstrap
• Créer des barres de navigation complexes avec Bootstrap
• Utiliser les autres composants de navigation Bootstrap
• Alertes, boites modales et notifications toast Bootstrap
• Boites d'aide et popovers Bootstrap
• Barres de progression et spinners Bootstrap
• Utiliser les cartes ou cards
• Créer un carrousel

Fonctionnement de base du framework Bootstrap
• Présentation de Bootstrap
• Présentation du fonctionnement de Bootstrap
• Présentation du système de grilles de Bootstrap
• Créer des colonnes dans les grilles Bootstrap et gérer leur taille
• Gérer l’alignement et l’espacement des colonnes des grilles Bootstrap
• Gérer l’ordre d’affichage des colonnes et l’imbrication de lignes dans une grille Bootstrap

Classes Bootstrap et propriétés CSS
• La normalisation des styles des éléments HTML Bootstrap avec Reboot
• Mettre en forme des textes avec les classes Bootstrap
• Modifier la couleur, la couleur de fond et l’opacité des éléments avec Bootstrap
• Gérer les dimensions des éléments avec Bootstrap
• Ajouter des bordures aux éléments avec Bootstrap
• Ajouter des marges aux éléments avec Bootstrap
• L’affichage des éléments : Bootstrap display et display : flex
• Gérer le type de positionnement des éléments avec Bootstrap
• Cacher des éléments et gérer les dépassements avec Bootstrap
• Ajouter des ombres aux éléments avec Bootstrap

Styliser des éléments complexes avec Bootstrap
• Créer des tableaux stylisés avec Bootstrap
• Gérer les images et les figures avec Bootstrap
• Créer des boutons stylisés avec Bootstrap
• Créer des groupes de listes et appliquer des styles à
des listes avec Bootstrap
• Structurer et styliser des formulaires avec Bootstrap

Les composants de navigation Bootstrap
• Créer un menu de navigation avec Bootstrap
• Créer des éléments et des menus déroulants avec Bootstrap
• Créer des barres de navigation complexes avec Bootstrap
• Les autres composants de navigation Bootstrap : breadcrumb, pagination et scrollspy

Les composants informatifs Bootstrap
• Alertes, boites modales et notifications toast Bootstrap
• Boites d’aide et popovers Bootstrap
• Barres de progression et spinners Bootstrap

Autres composants visuels Bootstrap
• Badges et jumbotron Bootstrap
• Les cartes ou cards Bootstrap
• Le composant Bootstrap collapse
• Créer un carrousel avec Bootstrap

‍

Cas pratique 1
• Créer des colonnes avec les grilles Bootstrap
• Aligner et espacer les colonnes des grilles Bootstrap
• Gérer l'ordre des colonnes et l'imbrication de lignes
• Mettre en forme des textes
• Modifier la couleur de fond, du texte et l'opacité
des éléments
• Modifier les dimensions des éléments
• Modifier les bordures des éléments
• Ajouter des marges aux éléments

Cas pratique 2
• Modifier l'affichage des éléments
• Modifier le positionnement des éléments
• Cacher les éléments et gérer les dépassements
• Ajouter des ombres aux éléments
• Créer des tableaux
• Gérer les images et les figures
• Créer des boutons
• Créer des groupes de listes
• Structurer des formulaires

Cas pratique 3
• Créer un menu de navigation avec Bootstrap
• Créer des éléments et des menus déroulants avec Bootstrap
• Créer des barres de navigation complexes avec Bootstrap
• Utiliser les autres composants de navigation Bootstrap
• Alertes, boites modales et notifications toast Bootstrap
• Boites d'aide et popovers Bootstrap
• Barres de progression et spinners Bootstrap
• Utiliser les cartes ou cards
• Créer un carrousel

Fonctionnement de base du framework Bootstrap
• Présentation de Bootstrap
• Présentation du fonctionnement de Bootstrap
• Présentation du système de grilles de Bootstrap
• Créer des colonnes dans les grilles Bootstrap et gérer leur taille
• Gérer l’alignement et l’espacement des colonnes des grilles Bootstrap
• Gérer l’ordre d’affichage des colonnes et l’imbrication de lignes dans une grille Bootstrap

Classes Bootstrap et propriétés CSS
• La normalisation des styles des éléments HTML Bootstrap avec Reboot
• Mettre en forme des textes avec les classes Bootstrap
• Modifier la couleur, la couleur de fond et l’opacité des éléments avec Bootstrap
• Gérer les dimensions des éléments avec Bootstrap
• Ajouter des bordures aux éléments avec Bootstrap
• Ajouter des marges aux éléments avec Bootstrap
• L’affichage des éléments : Bootstrap display et display : flex
• Gérer le type de positionnement des éléments avec Bootstrap
• Cacher des éléments et gérer les dépassements avec Bootstrap
• Ajouter des ombres aux éléments avec Bootstrap

Styliser des éléments complexes avec Bootstrap
• Créer des tableaux stylisés avec Bootstrap
• Gérer les images et les figures avec Bootstrap
• Créer des boutons stylisés avec Bootstrap
• Créer des groupes de listes et appliquer des styles à
des listes avec Bootstrap
• Structurer et styliser des formulaires avec Bootstrap

Les composants de navigation Bootstrap
• Créer un menu de navigation avec Bootstrap
• Créer des éléments et des menus déroulants avec Bootstrap
• Créer des barres de navigation complexes avec Bootstrap
• Les autres composants de navigation Bootstrap : breadcrumb, pagination et scrollspy

Les composants informatifs Bootstrap
• Alertes, boites modales et notifications toast Bootstrap
• Boites d’aide et popovers Bootstrap
• Barres de progression et spinners Bootstrap

Autres composants visuels Bootstrap
• Badges et jumbotron Bootstrap
• Les cartes ou cards Bootstrap
• Le composant Bootstrap collapse
• Créer un carrousel avec Bootstrap

‍

Avec cette formation Programmation BOOTSTRAP de 6 modules vous aborderez les fonctionnalités du Framework Bootstrap afin de le manipuler de manière efficace dans vos projets web.

‍