Bootstrap 4

Pada artikel sebelumnya kita telah membahas mengenai content hero yang merupakan penciptaan awareness pada siklus penjualan. Pada artikel kali ini kita akan membuat content hero dengan menggunakan jumbotron pada Bootstrap 4. Source code untuk jumbotron adalah seperti berikut ini:  <div

Pada waktu kita melakukan merancang tampilan suatu website misalnya denga Divi, kita mungkin akan menjumpai suatu tempat di area atas yang disebut dengan hero. Sebenarnya apakah hero itu ? Pada waktu saya akan membuat jumbotron pada Bootstrap bagian atas juga

Pada artikel kali ini kita akan membahas mengenai membuat navigasi menu pada Bootstrap 4. Beberapa point yang penting dalam navigasi pada Bootstrap ini adalah Tag nav untuk memulai navigasi Class navbar-expand-xx untuk memulai kapan akan tampil sebagai desktop atau non mobile

Pada pembelajaran Bootstrap 4 ini kita akan melanjutkan dengan variasi display image. Variasi display image yang akan kita bahas saat ini adalah menampilkan image pada viewport sm ke atas. Jadi image akan tampil pada viewport sm (small) ke atas. Kita

Setelah kita membahas responsive image pada Bootstrap 4 maka kita akan melanjutkan pada pembahasan mengenai variasi tampilan  image pada Bootstrap. Dengan memiliki pengetahuan mengenai variasi tampilan pada image Bootstrap ini maka akan mempercepat kita dalam mengembangkan tampilan aplikasi web yang

Setelah kita belajar merancang tampilan kolom yang responsive kita akan membuat tampilan image yang responsive pada Bootstrap 4.  Kita akan menggunakan empat buah image yang kita beri nama small, medium, large dan extra large dan kita akan melihat tampilan pada

Setelah kita memahami breakpoint pada Bootstrap 4, kita akan melanjutkan dengan merancang tampilan kolom pada perangkat mobile dan desktop. Secara teknis untuk membuat layout mirip tabel pada Bootstrap kita menggunakan tiga class yaitu Class container Class row Class terkait kolom

Seperti kata yang dipakai breakpoint adalah titik di mana terjadi perubahan aturan. Dalam Bootstrap 4 ini ada lima breakpoint yang akan menentukan tampilan pada xs (extra small) dengan breakpoint pada 0 px sm (small) dengan breakpoint pada 576px md (medium)

Komponen dan pilihan dalam mengerjakan layout Boostrap adalah Container Sistem Grid Media Object yang fleksibel Utility Class yang responsif   Container Container merupakan elemen paling dasar dari Bootstrap. Container merupakan layout wajib ketika menggunakan sistem Grid. Secara umum class .container

Pada waktu kita membahas mengenai instalasi Bootstrap 4 kita menyiapkan css, js, dan penempatan pada dokumen HTML. Pada bagian awal kita menyusun meta tag viewport seperti source code berikut ini: <meta name=”viewport” content=”width=device-width, initial-scale=1, shrink-to-fit=no“> Tujuan dari Bootstrap 4 menyajikan