article(s) dans votre panier VOIR

Gérer l’affichage du contenu avec les Tabs et Collapse

  • Vidéo 21 sur 23
  • 2h58 de formation
  • 23 leçons

Un contenu flash devrait s'afficher ici. Votre navigateur ne comporte pas de plugin flash, ou il ne s'est pas correctement initialisé.

Vous pouvez télécharger le plugin flash depuis le site d'Adobe à l'adresse suivante : http://get.adobe.com/flashplayer/.

Pour accéder à la suite de cette formation, vous devez vous abonner.
previous
summary
resume
next
play
Gérer l’affichage du contenu avec les Tabs et Collapse
00:00 / 13:20
HD
fullscreen
Je m’abonne
à partir de 16,6 € / mois
  • Visionnage en ligne
  • Accès illimité à toutes nos formations
OU
J'achète uniquement
la formation
39,90€
  • Téléchargement + VOD à vie
  • Exercice / Validation des acquis
  • Accès uniquement à cette formation

Sommaire de la formation

Détails de la formation

Dans ce Tuto Bootstrap, le formateur vous apprend les manières de gérer l’affichage du contenu avec les Tabs et Collapses. L’objectif consiste à connaitre les principes de manipulation de contenu en utilisant les Plug-in Tabs et Collapse. Afin d’y parvenir, vous ajoutez des Tabs dans le Sidebar du site que vous venez de créer. Pour cela, vous allez dans l’éditeur de texte pour travailler dans la Div Sidebar en dessous du bloc Vidéo que vous avez préalablement téléchargé. Vous y créez une nouvelle Div et vous lui donnez un Id Tabulation grâce à la commande Une fois faite, vous créez un menu Ul avec des Li et des a. Ces derniers permettent de créer des onglets qui vont servir à afficher les contenus. Pour ce faire, vous faites la saisie de la commande

    . Vous ajoutez deux classes à celle-ci, à savoir Nav et Nav-Tabs. A cet effet, la commande initiale devient
      . Après cela, vous allez insérer deux informations à savoir un href correspondant à une ancre et Data-toogle. Cela permet de caractériser les onglets. Vous pouvez construire des onglets intitulés A propos, Contact et Crédit. Afin de les créer vous faites la commande
    • . Il est prudent de sauvegarder le travail avant de vérifier les résultats dans la page web. Pour conclure, la visualisation de cette vidéo vous apprend qu’il vous est possible de masquer ou d’afficher des contenus en fonction des liens que vous cliquez.