Bootstrap Tables - Images - Jumbotron ( HS )

Hai apa kabar semuanya kali ini saya Hengky Sanjaya akan membahas tentang Bootstrap Tables, Images, dan Jumbotron.

Apa itu Bootstrap?

Bootstrap adalah front-end framework yang disediakan dan siap pakai. Jadi teman teman tinggal menggunakan class yang sudah dibuat.

Contoh :

Hanya dengan menambahkan class=”table” , table yang kita buat akan terlihat bagus tanpa kita perlu membuat css sendiri lagi

 

Berikut adalah beberapa contoh class yang digunakan untuk memperindah table :

.table-striped

.table-bordered

.table-hover

  

Selanjutnya kita akan membahas tentang Bootstrap Images

Bootstrap Images ini memudahkan kita dalam mendesign image pada halaman web kita.

Contoh :

Untuk membuat Rounded Corners tambahkan “.img-rounded” dan Circle = “.img-circle” , Thumbnail = “.img-thumbnail”.

Untuk membuat gambar yang responsive ( otomatis menyesuaikan ukuran sesuai layer ) pada website kita cukup tambahkan “.img-responsive”

Selanjutnya kita akan membahas Bootstrap Jumbotron

Jumbotron berfungsi untuk menarik perhatian ekstra untuk beberapa konten khusus atau informasi.

Jumbotron tampil sebagai kota abu abut dengan sudut membulat ( Radius )

Code :

Sekian Semoga Bermanfaat. ^^