Saya adalah orang yang paling malas didunia ini, status saya adalah single berfaedah untuk dunia ini

Panel Bootstrap


Muhammad Aqshol Rifanza - Panel adalah sebuah kotak yang memiliki garis dan padding. Bootstrap menyediakan class panel untuk membuat kotak yang memiliki heading dan footer kotak tersebut. Panel yangyang disediakan oleh Bootstrap terdiri dari panel heading atau kepala dari panel, Panel body atau badan dari panel, dan panel footer alias panel yang terletak pada bagian bawah sebagai footer.

Ada beberapa Class Panel yang disediakan oleb Bootstrap untuk membuat panel
  • panel-default Merupakan class yang digunakan untuk membuat panel dengan warna standar alias bawaan dari Bootstrap
  • panel-success Merupakan class yang disediakan Bootstrap untuk membuat panel berwarna hijau
  • panel-info Merupakan class yang disediakan Bootstrap untuk membuat panel berwarna biru
  • panel-warning Merupakan class yang disediakan Bootstrap untuk membuat panel berwarna kuning
  • panel-heading Merupakan class Bootstrap yang digunakan untuk membuat bagian kepala dari panel tersebut
  • panel-body Merupakan class yang disediakan Bootstrap untuk membuat bagian badan dari panel
  • panel-footer Merupakan class Bootstrap yang disediakan Bootstrap untuk membuat panel bagian bawah atau footer


Unuk menggunakan model panel yang lain sobat dapat mengganti panel-default menjadi panel-success,panel-danger,panel-warning sesuai yang saya jelaskan diatas.

Kemudian berikan isi panel dengan membuat heading, panel-body dan panel-footer,  panel-heading dan panel-footer merupakan optional. Sobat bsa menggunakanya boleh tidak sesuai keinginan sobat




Kesimpulan
Dengan adanya panel ini kita dapat dimudahkan dalam pembuatan panel pada website kita tidak perlu membuat script CSS yang panjang, dan karena adanya Bootstrap ini kita dapat dengan mudah membuat panel dan merubah warna dari panel tersebut yaitu dengan memanggil class panel tersebut.

Referensi
  • http://www.script-kiddies.org
  • http://www.malasngoding.com
  • http://www.w3school.com

Tidak ada komentar