panel
Sebuah panel di bootstrap adalah kotak dengan border beberapa padding sekitar isinya:
Panel diciptakan dengan .panel kelas, dan konten dalam panel memiliki .panel-body kelas:
Contoh
<div class="panel panel-default">
<div class="panel-body">A Basic
Panel</div>
</div>
Cobalah sendiri " The .panel-default kelas digunakan untuk gaya warna panel. Lihat contoh terakhir di halaman ini untuk kelas yang lebih kontekstual.
Heading panel
The .panel-heading kelas menambahkan heading ke panel:
Contoh
<div class="panel panel-default">
<div
class="panel-heading">Panel Heading</div>
<div class="panel-body">Panel
Content</div>
</div>
Cobalah sendiri " panel Footer
The .panel-footer kelas menambahkan footer ke panel:
Contoh
<div class="panel panel-default">
<div class="panel-body">Panel
Content</div>
<div class="panel-footer">Panel Footer</div>
</div>
Cobalah sendiri " panel Grup
Untuk kelompok banyak panel bersama-sama, membungkus <div> dengan kelas .panel-group di sekitar mereka.
The .panel-group kelas membersihkan bagian bawah margin masing-masing panel:
Contoh
<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>
Cobalah sendiri " Panel dengan Kelas Kontekstual
Untuk warna panel, menggunakan kelas kontekstual ( .panel-default , .panel-primary , .panel-success , .panel-info , .panel-warning , atau .panel-danger ):
Contoh
Uji Diri dengan Latihan!
Latihan 1 » Latihan 2» Latihan 3 » Latihan 4» Latihan 5 »