Hallo teman-teman semuanya bertemu lagi pada tutorial dumet school, pada tutorial kali ini saya akan membahas tentang penggunaan class panel pada bootstrap.
Sebelum saya membahas tentang class panel pada bootstrap, saya akan sedikit menjelaskan tentang apa itu bootstrap, bootstrap adalah salah satu framework design yangdapat membuat halaman website kita menjadi responsive atau menyesuaikan layar tampil, dan bootstrap itu sendiri terdiri dari berbagai macam class dengan fungsinya masing-masing.
Class panel pada bootstrap adalah sebuah komponen yang digunakan ketika kita ingin menempatkan komponen lain didalam suatu kotak yang sudah disediakan oleh bootstrap itu sendiri.
contoh penulisan untuk membuat adalah sseperti berikut ini :
|
1 2 3 4 5 6 7 |
<div class="container"> <h2>Penggunaan class panel pada bootstrap</h2> <div class="panel panel-default"> <div class="panel-heading">Judul panel</div> <div class="panel-body">isi konten panel</div> </div> </div> |
sangat mudah hanya dengan menambahkan class panel default, panel body seperti diatas,
jika di save maka hasilnya akan seperti berikut ini :
oke teman-teman cukup sekian dulu tutorial kali ini tenttang penggunaan-class-panel-pada-bootstrap.
semoga bermanfaat, terimakasih