Mise en page Web réactive Bootstrap

• Chapitre1 Bootstrap.Architecture de l'interface utilisateur
• 1-1 Interface utilisateur et architecture d’interaction
• 1-2 Télécharger Bootstrap
• 1-3 Fichiers inclus
• 1-4 Utiliser Bootstrap dans les pages Web
• 1-5 mise en page
• 1-6 Disposition imbriquée et disposition fluide
• 1-7 Mise en page réactive
• 1-8 Convertir une mise en page existante à largeur fixe en mise en page réactive
• 1-9 Classes utilitaires pour des mises en page réactives
• 1-10 Balises et styles courants
• 1-11 liste
• 1-12 code
• 1-13 Google joli
• 1-14 feuille
• 1-15 formulaire
• 1-16 Préfixes et suffixes des zones de texte
• 1-17 bouton radio
• 1-18 case à cocher
• 1-19 sélectionner la liste
• 1-20 Disposition du formulaire
• 1-21 bouton
• 1-22 groupe de boutons
• 1-23 bouton avec menu déroulant
• 1-24 Menu de navigation
• 1-25 Menu déroulant dans le menu de navigation
• 1-26 Conception réactive du menu de navigation
• 1-27 Onglet n°1
• 1-28 Onglet n°2
• 1-29 Chemins de navigation et paginateurs
• 1-30 Message rapide
• 1-31 vignette
• 1-32 boîte de dialogue
• 1-33 info-bulle
• 1-34 Réduire le contenu
• 1-35 carrousel
• Chapitre2 Site Web adaptatif
• 2-1 Introduction au cours
• 2-2 Exemples concrets de conception réactive
• 2-3 fenêtre - fenêtre
• 2-4 Configurer manuellement la fenêtre
• 2-5 Densité de pixels
• 2-6 Comment appliquer des requêtes multimédias
• 2-7 type de média type de média
• 2-8 fonctionnalité média de la fonctionnalité meida
• 2-9 rapport hauteur/largeur de la largeur de la fenêtre visuelle par rapport à la hauteur
• 2-10 aspect-ratio Le rapport entre la largeur et la hauteur de l'appareil
• 2-11 orientation Le sens d'utilisation de l'appareil
• 2-12 hauteur (hauteur de la fenêtre visuelle) et hauteur de l'appareil (hauteur de l'appareil)
• 2-13 width (largeur de la fenêtre visuelle) et device-width (largeur de l'appareil)
• 2-14 densité de pixels de résolution
• 2-15 Opérateur - et
• 2-16 Rejoignez plusieurs requêtes multimédias séparées par des virgules
• 2-17 Opérateur - non
• 2-18 Mise en page réactive #1
• 2-19 Mise en page réactive #2
• 2-20 Mise en page réactive #3
• 2-21 Navigation réactive
• 2-22 HTML pour le menu de navigation
• 2-23 CSS pour le menu de navigation
• 2-24 Style de bouton bascule
• 2-25 Styles de menu de navigation réactifs
• 2-26 Images réactives
• 2-27 Images d'arrière-plan réactives
• 2-28 Différentes tailles d'appareils utilisent des images différentes
• 2-29 Utilisez différentes images d'arrière-plan pour des appareils de différentes tailles
• 2-30 Changer différentes images d'arrière-plan en fonction de la densité de l'écran
• 2-31 remplissage d'image
• 2-32 Diaporama réactif
• 2-33 Boutons de commande coulissants
• 2-34 Style de bouton de commande coulissant
• 2-35 Résoudre le problème d'écrasement des diapositives
• 2-36 Conclusion