Outils pour utilisateurs
html_css:bootstrap4:onglets
Différences
Ci-dessous, les différences entre deux révisions de la page.
| Les deux révisions précédentes Révision précédente Prochaine révision | Révision précédente | ||
|
html_css:bootstrap4:onglets [2019/06/22 06:01] marclebrun |
html_css:bootstrap4:onglets [2020/06/12 12:22] (Version actuelle) marclebrun [Classes] |
||
|---|---|---|---|
| Ligne 37: | Ligne 37: | ||
| ===== Classes ===== | ===== Classes ===== | ||
| - | ^UL |**nav nav-tabs** | | + | ^UL |**nav nav-tabs** | |
| - | ^LI |**nav-item** | | + | ^LI |**nav-item** | |
| - | ^A |**nav-link** | | + | ^A |**nav-link** | |
| - | ^ |**active** | | + | ^ |**active** | |
| ^DIV |**tab-content** pour la div globale contenant les pages| | ^DIV |**tab-content** pour la div globale contenant les pages| | ||
| ^ |**tab-pane** pour les divs correspondant aux pages | | ^ |**tab-pane** pour les divs correspondant aux pages | | ||
| Ligne 59: | Ligne 59: | ||
| <div class="tab-content"> | <div class="tab-content"> | ||
| - | <div class="tab-pane fade show active"> | + | <div class="tab-pane fade active"> |
| <p>Page "Products"</p> | <p>Page "Products"</p> | ||
| </div> | </div> | ||
| Ligne 124: | Ligne 124: | ||
| </code> | </code> | ||
| + | ===== Identifiants et liens ===== | ||
| - | XXXXXXXXXXXXXXX | + | ^DIV | Chaque page a un **id** | |
| + | ^A | Chaque lien a un **href** correspondant à l'**id** de la page qu'il affiche | | ||
| - | Identifiants et liens | + | <code html> |
| - | A Chaque lien a un href correspondant à l'id de la page qu'il affiche | + | |
| - | DIV Chaque page a un id | + | |
| <div class="container-fluid"> | <div class="container-fluid"> | ||
| Ligne 157: | Ligne 157: | ||
| </div> | </div> | ||
| + | </code> | ||
html_css/bootstrap4/onglets.1561183310.txt.gz · Dernière modification: 2019/06/22 06:01 par marclebrun
Outils de la page
Sauf mention contraire, le contenu de ce wiki est placé sous les termes de la licence suivante : CC Attribution-Share Alike 4.0 International
