Bootstrap

INSTALLER BOOTSTRAP

• Télécharger Bootstrap
  
• Le dossier de distribution
  
• La structure d’un site simple
  
• La compatibilité avec Internet Explorer
  
• Les librairies JavaScript
  
• Les outils de l’intégrateur Web
  

LES CSS POUR LE TEXTE

• Le corps de la page, les en-têtes, les mises en évidence, l’alignement du texte, le texte coloré, les abréviations, les adresses, les citations, les listes
  
• L’affichage du code
  

LES CSS POUR LES TABLEAUX

• Les tableaux simples
  
• Les lignes en alternance, les tableaux encadrés, le survol des lignes, les tableaux étroitisés, les mises en évidence colorées
  
• Les tableaux adaptatifs
  

LES CSS POUR LES FORMULAIRES

• La structure de base
  
• Les formulaires en ligne
  
• L’alignement vertical dans les formulaires
  
• Les éléments des formulaires et les mises en forme spéciales
  

LES CSS POUR LES BOUTONS

• Les boutons colorés, la largeur des boutons
  
• Les boutons en bloc, inactifs ou de formulaire
  

LES CSS POUR LES IMAGES

• Les images aux coins arrondis, dans un ovale et un cercle, avec un cadre, adaptatives
  
• Les carrousels d’images
  

LES CSS POUR LA MISE EN PAGE

• Le flottement des blocs
  
• Interdire le flottement
  
• Masquer des éléments
  

LA GRILLE ADAPTATIVE

• Les grilles de mise en page
  
• Le Responsive Web Design
  
• Les largeurs des écrans, des conteneurs et des colonnes
  
• Les blocs décalés
  
• Afficher et masquer des éléments
  

LES COMPOSANTS DES PAGES WEB

• Les lancements, les en-têtes de page, les miniatures, les listes d’images, les panneaux
  

LES COMPOSANTS POUR LES BOUTONS

• Les barres de boutons simple, verticales de boutons, de groupe de boutons
  
• La largeur des boutons sur la grille adaptative
  
• Les boutons justifiés, déroulants et déroulants simples
  

LES COMPOSANTS DE NAVIGATION ET DE PAGINATION

• La navigation par onglets, onglets-boutons, onglets-boutons verticaux, onglets justifiés
  
• Les liens inactifs et les boutons déroulants dans les onglets
  
• Barre de navigation : simple, avec un en-tête, avec un bouton déroulant, avec un champ de recherche, avec un lien à droite, avec un lien actif, avec des liens en bouton, avec un texte fixe, noire, fixée en haut de l’écran, pour smartphone
  
• Le fil d’Ariane, la pagination, les pages précédente et suivante
  

LES COMPOSANTS D'INTERFACE D'ADMINISTRATION

• Les icônes en glyphe
  
• Les étiquettes, les badges, les alertes, les barres de progression
  
• Les listes ouvertes et les listes d’éléments
  
• Les encadrés
  

LES PLUGINS JAVASCRIPT

• Les bulles d’aide, les popovers, les fenêtres modales, les accordéons, les carrousels d’images
  
• Barre de navigation fixe et barre de navigation fixe avec les liens actifs
  

CRÉER DES SITES AVEC BOOTSTRAP

• Créer un site avec un template, avec un thème, avec un constructeur
  

DES SITES RÉALISÉS AVEC BOOTSTRAP

• L’étude d’un site Bootstrap
  
• WordPress et Bootstrap
  
• Joomla! et Bootstrap