twitter-bootstrap
Panneaux

Remarques

Exemple de base

Par défaut, tout ce .panel fait .panel c'est appliquer des bordures et des remplissages de base pour contenir du contenu.

<div class="panel panel-default">
  <div class="panel-body">
    Basic panel example
  </div>
</div>

Panneau avec cap

Ajoutez facilement un conteneur d'en-tête à votre panneau avec l'en .panel-heading . Vous pouvez également inclure n'importe quel <h1>-<h6> avec une classe .panel-title pour ajouter un titre pré-stylisé. Cependant, les tailles de police <h1>-<h6> sont remplacées par .panel-heading .

Pour une coloration correcte des liens, veillez à placer des liens dans les en-têtes au sein de .panel-title .

<div class="panel panel-default">
  <div class="panel-heading">Panel heading without title</div>
  <div class="panel-body">
    Panel content
  </div>
</div>

<div class="panel panel-default">
  <div class="panel-heading">
    <h3 class="panel-title">Panel title</h3>
  </div>
  <div class="panel-body">
    Panel content
  </div>
</div>

Panneau avec pied de page

Enveloppez les boutons ou le texte secondaire dans .panel-footer . Notez que les pieds de tableau de bord n'héritent pas des couleurs et des bordures lors de l'utilisation de variations contextuelles, car ils ne sont pas destinés à être au premier plan.

<div class="panel panel-default">
  <div class="panel-body">
    Panel content
  </div>
  <div class="panel-footer">Panel footer</div>
</div>