Afficher/masquer la grille

Serveur :

Onglets

Contenu pour les onglets en header
Contenu onglet 2
Contenu onglet 3
Sous-onglet 1
Sous-onglet 2


  • Code

    Voir le code 
    <div id='top-content'>

  <div class='content-center'>
    ...
    <ul class='nav nav-tabs navheader'>
      <li class='active'><a href='#onglet1' data-toggle='tab'>Onglet (1)</a></li>
      <li><a href='#onglet2' data-toggle='tab'>Onglet (2)</a></li>
      <li><a href='#onglet3' data-toggle='tab'>Onglet (3)</a></li>
      <li class='dropdown'>
        <a href='#' data-toggle='dropdown' class='dropdown-toggle'>Dropdown <b class='caret'></b></a>
        <ul class='dropdown-menu'>
          <div class='arrow'></div>
          <li><a data-toggle='tab' href='#sousonglet1'>Sous-onglet 1</a></li>
          <li><a data-toggle='tab' href='#sousonglet2'>Sous-onglet 2</a></li>
        </ul>
      </li>
    </ul>
  </div>
</div>

<div id='main-content'>
  <div class='content-center'>
    <div class='tab-content'>
      <div class='tab-pane active' id='onglet1'>Contenu pour les onglets en header</div>
      <div class='tab-pane' id='onglet2'>Contenu onglet 2</div>
      <div class='tab-pane' id='onglet3'>Contenu onglet 3</div>
      <div class='tab-pane' id='sousonglet1'>Sous-onglet 1</div>
      <div class='tab-pane' id='sousonglet2'>Sous-onglet 2</div>
    </div>
    ...
  </div>
  
</div>


Onglets de contenu

Contenu des onglets de corps de page
Onglet 2
Onglet 3
Sous-onglet 4
Sous-onglet 5


  • Code

    Voir le code 
    <ul class='nav nav-tabs navheader'>
  <li class='active'><a href='#onglet1' data-toggle='tab'>Onglet (1)</a></li>
  <li><a href='#onglet2' data-toggle='tab'>Onglet (2)</a></li>
  <li><a href='#onglet3' data-toggle='tab'>Onglet (3)</a></li>
  <li class='dropdown'> <a href='#' data-toggle='dropdown' class='dropdown-toggle'>Dropdown <b class='caret'></b></a>
    <ul class='dropdown-menu'>
      <div class='arrow'></div>
      <li><a data-toggle='tab' href='#sousonglet1'>Sous-onglet 1</a></li>
      <li><a data-toggle='tab' href='#sousonglet2'>Sous-onglet 2</a></li>
    </ul>
  </li>
</ul>
<div class='tab-content'>
  <div class='tab-pane active' id='onglet1'>Contenu pour les onglets en header</div>
  <div class='tab-pane' id='onglet2'>Contenu onglet 2</div>
  <div class='tab-pane' id='onglet3'>Contenu onglet 3</div>
  <div class='tab-pane' id='sousonglet1'>Sous-onglet 1</div>
  <div class='tab-pane' id='sousonglet2'>Sous-onglet 2</div>
</div>