panouri
Un panou de bootstrap este o cutie bordurate cu unele umplutură în jurul conținutului său:
Panourile sunt create cu .panel clasa, iar conținutul în interiorul panoului are un .panel-body clasă:
Exemplu
<div class="panel panel-default">
<div class="panel-body">A Basic
Panel</div>
</div>
Încearcă - l singur » .panel-default clasa este utilizat pentru a stiliza culoarea panoului. A se vedea ultimul exemplu de pe această pagină pentru mai multe clase contextuale.
Titlu Panou
.panel-heading clasa adaugă un titlu la panoul:
Exemplu
<div class="panel panel-default">
<div
class="panel-heading">Panel Heading</div>
<div class="panel-body">Panel
Content</div>
</div>
Încearcă - l singur » Panoul de subsol
.panel-footer clasa adaugă un subsol la panoul:
Exemplu
<div class="panel panel-default">
<div class="panel-body">Panel
Content</div>
<div class="panel-footer">Panel Footer</div>
</div>
Încearcă - l singur » Panoul de grup
Pentru mai multe grupuri de panouri împreună, înfășurați un <div> cu clasa .panel-group în jurul lor.
.panel-group clasa limpezește jos marginea fiecărui panou:
Exemplu
<div class="panel-group">
<div class="panel panel-default">
<div class="panel-body">Panel
Content</div>
</div>
<div class="panel panel-default">
<div class="panel-body">Panel
Content</div>
</div>
</div>
Încearcă - l singur » Panouri cu Clasele Contextual
Pentru a colora panoul, utilizați clase contextuale ( .panel-default , .panel-primary , .panel-success , .panel-info , .panel-warning , or .panel-danger ) :
Exemplu
Testați-te cu exerciții!
Exercițiul 1 » Exercițiul 2» Exercițiul 3 » Exercițiul 4» Exercițiul 5 »