twitter-bootstrap
panels

Opmerkingen

Basis voorbeeld

Standaard is het enige .panel wat .panel en opvulling om wat inhoud te bevatten.

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

Paneel met kop

Voeg eenvoudig een .panel-heading toe aan uw paneel met .panel-heading . U kunt ook elke <h1>-<h6> met een .panel-title klasse opnemen om een vooraf opgemaakte kop toe te voegen. De lettergroottes van <h1>-<h6> worden echter overschreven door .panel-heading .

Voor de juiste .panel-title links in koppen in .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>

Paneel met voettekst

Wrap knoppen of secundaire tekst in .panel-footer . Merk op dat paneelvoetteksten geen kleuren en randen erven wanneer ze contextuele variaties gebruiken, omdat ze niet bedoeld zijn om op de voorgrond te staan.

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