Sommaire

Les listes ouvertes COMPOSANTS D’INTERFACE D’ADMINISTRATION:Listes ouvertes

1. L’objectif

Le composant dropdown nous permet de créer des listes ouvertes pour afficher des sommaires, des liens internes, une série de boutons...

Consultez le fichier Bootstrap-07-COMP-Admin/02-dropdowns.html pour retrouver en détail cet exemple.

2. Afficher une liste ouverte

La liste est placée dans une boîte <div> ayant les classes .dropdown et .open, cette dernière permet à la liste d’être ouverte. La liste est un <ul> avec la classe .dropdown-menu.

Voici le code HTML :

<div class="dropdown open"> 
   <ul class="dropdown-menu" role="menu"> 
      <li role="presentation"><a role="menuitem" tabindex="-1"
href="#">Introduction</a></li> 
      <li role="presentation"><a role="menuitem" tabindex="-1"
href="#">Résultats</a></li> 
      <li role="presentation"><a role="menuitem" tabindex="-1"
href="#">Conclusion</a></li> 
      <li role="presentation" class="divider"></li> 
      <li role="presentation"><a role="menuitem" tabindex="-1"
href="#">Annexes</a></li> 
   </ul>  ...