Tutorial Belajar Bootstrap 4 Part 18 – Membuat Menu Navigasi dengan Bootstrap

Tutorial Belajar Bootstrap 4 Part 18 – Membuat Menu Navigasi dengan Bootstrap

Selamat datang di warung belajar, masih dalam seri tutorial bootstrap 4, dalam tutorial ini kita akan membahas mengenai pembuatan menu navigasi dengan bootstrap, menu navigasi adalah hal yang cukup penting dalam pembuatan aplikasi berbasis web, bootstrap 4 memberikan beberapa class yang bisa digunakan untuk membuat navigasi dengan tampilan yang menarik, baik  langsung saja kita mulai pembahasannya.

(more…)

Tutorial Belajar Bootstrap 4 Part 17 – Membuat Collapse dengan Bootstrap

Tutorial Belajar Bootstrap 4 Part 17 – Membuat Collapse dengan Bootstrap

Selamat datang di tutorial warung belajar, masih dalam seri tutorial bootstrap 4, jika dalam tutorial sebelumnya kita telah belajar mengenai cara membuat menu dropdown, dalam tutorial kali ini kita akan membahas mengenai cara membuat collapse dengan bootstrap.

Collapse adalah fitur yang digunakan untuk menyembunyikan dan menampilkan sebuah konten dengan cara melakukan klik pada sebuah tombol, jadi jika ada sebuah content dengan ukuran besar anda dapat memanfaatkan fitur collapse ini, sehingga tombol di klik dulu baru content akan ditampilkan, baik mari kita mulai saja pembahasannya.

(more…)

Tutorial Belajar Bootstrap 4 Part 16 – Membuat Dropdown menu dengan Bootstrap

Tutorial Belajar Bootstrap 4 Part 16 – Membuat Dropdown menu dengan Bootstrap

Selamat datang di warung belajar, masih dalam seri tutorial bootstrap 4, jika dalam tutorial selanjutnya kita sudah membahas mengenai cara membuat card dengan bootstrap, dalam tutorial ini kita akan membahas cara membuat dropdown menu dengan bootstrap.

Dropdown menu adalah fitur yang akan menampilkan beberapa menu ketika tombol di klik, Bootstrap menyediakan beberapa class yang bisa anda gunakan untuk membuat dropdown menu. (more…)

Tutorial Belajar Bootstrap 4 Part 15 – Membuat Card (Panel) dengan Bootstrap

Tutorial Belajar Bootstrap 4 Part 15 – Membuat Card (Panel) dengan Bootstrap

Selamat datang di warung belajar, masih dalam seri belajar bootstrap 4, jika dalam tutorial sebelumnya kita telah membahas mengenai cara membuat list dengan bootstrap, dalam tutorial kali ini kita akan membahas cara membuat card (panel) dengan bootstrap.

Card adalah fitur yang diberikan di bootstrap 4 untuk membuat box yang memiliki border dan padding didalamnya, dalam card ini anda dapat mengatur bagian header, footer, content, warna dan pengaturan yang lain.

Jika dilihat dari kesamaan dari fitur di bootstrap 3, fitur card ini memiliki fungsi yang sama dengan panel di bootstrap 3, baik kita langsung mulai saja pembahasan mengenai card di bootstrap 4. (more…)

Tutorial Belajar Bootstrap 4 Part 14 – Membuat List dengan Bootstrap

Tutorial Belajar Bootstrap 4 Part 14 – Membuat List dengan Bootstrap

Selamat datang lagi dalam tutorial warung belajar, masih dalam seri tutorial mengenai bootstrap 4, jika dalam tutorial sebelumnya kita telah membahas mengenai cara membuat pagination dan breadcrumb dengan bootstrap, dalam tutorial kali ini kita akan membahas mengenai cara membuat list dengan bootstrap.

Untuk teman – teman yang belum mengetahui apa itu list silahkan lihat tutorial kita mengenai list di html Cara Membuat Daftar/List di HTML, nah di bootstrap memiliki beberapa class yang bisa digunakan untuk mengatur tampilan dari list agar terlihat lebih menarik.

(more…)

Tutorial Belajar Bootstrap 4 Part 13 – Membuat Pagination dan Breadcrumb dengan Bootstrap

Tutorial Belajar Bootstrap 4 Part 13 – Membuat Pagination dan Breadcrumb dengan Bootstrap

Selamat datang dalam seri tutorial warung belajar, kita masih membahas mengenai bootstrap 4, jika dalam tutorial sebelumnya kita telah membahas mengenai cara membuat progress bar dengan menggunakan bootstrap, dalam tutorial kali ini kita akan membahas mengenai cara membuat pagination dan breadcrumb dengan bootstrap.

Pagination adalah fitur paging yang biasanya kita temui dalam sebuah tabel yang menampilkan data, dimana datanya akan dibagi menjadi beberapa halaman, nah tugas paging ini untuk membagi data tersebut kedalam beberapa halaman, bootstrap sudah menyiapkan beberapa class yang bisa anda gunakan untuk membuat fitur paging.

Breadcrumb adalah fitur yang terdapat dalam halaman web yang digunakan untuk mempermudah atau membantu pengguna web untuk memahami isi konten web serta sebagai penunjuk hirarki situs web tersebut. (more…)