twitter-bootstrap
paneler

Anmärkningar

Grundläggande exempel

Som standard är allt .panel använda en viss gräns och stoppning för att innehålla något innehåll.

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

Panel med rubrik

Lägg enkelt till en rubrikbehållare till din panel med .panel-heading . Du kan också inkludera valfri <h1>-<h6> med en .panel-title att lägga till en förformad rubrik. Teckensnittsstorlekarna för <h1>-<h6> åsidosätts emellertid av .panel-heading .

För korrekt länkfärgning, se till att placera länkar i rubriker inom .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>

Panel med sidfot

Dra in knappar eller sekundär text i. .panel-footer . Observera att sidfoten inte ärver färger och gränser när du använder kontextuella variationer eftersom de inte är tänkta att ligga i förgrunden.

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