Paneller
bootstrap içinde bir panel içeriğinin çevresindeki bazı dolgu ile bir bordürlü kutudur:
Paneller oluşturulur .panel sınıfı ve panelin içinde içeriği vardır .panel-body sınıfı:
Örnek
<div class="panel panel-default">
<div class="panel-body">A Basic
Panel</div>
</div>
Kendin dene " .panel-default sınıf panelinin rengini stil kullanılır. daha içeriksel sınıflar için bu sayfadaki son örneğe bakın.
Panel başlığı
.panel-heading sınıf paneline bir başlık ekler:
Örnek
<div class="panel panel-default">
<div
class="panel-heading">Panel Heading</div>
<div class="panel-body">Panel
Content</div>
</div>
Kendin dene " Panel Alt Bilgi
.panel-footer sınıf paneline altbilgi ekler:
Örnek
<div class="panel panel-default">
<div class="panel-body">Panel
Content</div>
<div class="panel-footer">Panel Footer</div>
</div>
Kendin dene " Panel Grubu
Gruplandırmak birçok paneller için, sarın <div> class ile .panel-group etraflarında.
.panel-group sınıfı, her panelin alt kenar temizler:
Örnek
<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>
Kendin dene " Bağlamsal sınıfları ile paneller
Panelini renklendirmek için, bağlamsal sınıfları kullanmak ( .panel-default , .panel-primary , .panel-success , .panel-info , .panel-warning , or .panel-danger ) :
Örnek
Egzersizleri ile Yourself test edin!
Egzersiz 1 » Alıştırma 2» Egzersiz 3 » Egzersiz 4» Egzersiz 5 »