Différences entre versions de « Header Tabs »

De Mi caja de notas

 
Ligne 22 : Ligne 22 :
  
 
=== Onglets verticaux ===
 
=== Onglets verticaux ===
 
+
Créer un groupe d'onglets verticaux avec un minimum de balisae. Ajouter simplement la classe "vertical" change l'orientation des onglets horizontaux.
Vertical Tabs
 
You can create a group of vertical tabs using minimal markup. Just adding the class vertical changes the orientation of horizontal tabs.
 
  
 
HTML MARKUP
 
HTML MARKUP
 
<ul class="tabs vertical" data-tab>
 
<ul class="tabs vertical" data-tab>
   <li class="tab-title active"><a href="#panel11">Tab 1</a></li>
+
   <li class="tab-title active"><a href="#panel11">Onglet 1</a></li>
   <li class="tab-title"><a href="#panel21">Tab 2</a></li>
+
   <li class="tab-title"><a href="#panel21">Onglet 2</a></li>
   <li class="tab-title"><a href="#panel31">Tab 3</a></li>
+
   <li class="tab-title"><a href="#panel31">Onglet 3</a></li>
   <li class="tab-title"><a href="#panel41">Tab 4</a></li>
+
   <li class="tab-title"><a href="#panel41">Onglet 4</a></li>
 
</ul>
 
</ul>
 
<div class="tabs-content">
 
<div class="tabs-content">

Version actuelle datée du 27 septembre 2020 à 19:52

Voici le premier tableau d'un exemple d'onglet basique. Vous pouvez placer tous les types de contenu ici y compris avec une grille.

Voici le second tableau d'un exemple d'onglet basique. C'est le second panneau d'un exemple d'onglet basique.

This is the third panel of the basic tab example. This is the third panel of the basic tab example.

This is the fourth panel of the basic tab example. This is the fourth panel of the basic tab example.


Onglets verticaux

Créer un groupe d'onglets verticaux avec un minimum de balisae. Ajouter simplement la classe "vertical" change l'orientation des onglets horizontaux.

HTML MARKUP

This is the first panel of the basic tab example. You can place all sorts of content here including a grid.

This is the second panel of the basic tab example. This is the second panel of the basic tab example.

This is the third panel of the basic tab example. This is the third panel of the basic tab example.

This is the fourth panel of the basic tab example. This is the fourth panel of the basic tab example.