Category: Tutorial Bootstrap 4

Selamat datang lagi dalam tutorial warungbelajar, masih dalam seri tutorial bootstrap 4, di tutorial part ke 24 ini yang juga merupakan part terakhir tutorial bootstrap 4, kita akan membahas cara membuat tampilan web dengan bootstrap.

Sebenarnya pada website resmi dari bootstrap telah menyediakan beberapa contoh yang bisa kita gunakan atau kita modifikasi untuk tampilan website anda, silahkan anda bisa mengakses dokumentasi resmi bootstrap https://getbootstrap.com/docs/4.0/examples/

nah dalam tutorial kita kita akan belajar untuk memodifikasi salah satu contoh yang terdapat pada website bootstrap, serta memahami bagian – bagian code yang ditulis. Read More

Selamat datang di warungbelajar, masih dalam seri tutorial bootstrap 4, dalam tutorial kali ini kita akan membahas cara membuat popover dengan bootstrap, popover memiliki konsep yang sama dengan tooltips, perbedaannya jika tooltips akan ditampilkan ketika ada mouse diatas object tapi untuk popover akan tampil ketika object di klik.

Bootstrap menyediakan fitur untuk membuat popover dengan lebih mudah, untuk popover disini kita juga memerlukan fungsi jquery, nanti kita akan bahas lebih dalam pada tutorial dibawah ini.

Read More

Selamat datang lagi di warungbelajar, masih dalam tutorial yang membahas mengenai bootstrap 4, dalam tutorial kali ini kita akan membahas mengenai Cara membuat Tooltips dengan bootstrap.

Tooltips adalah tampilan informasi yang akan tampil saat cursor di arahkan (mouse over) pada sebuah item (biasanya pada link/button) dalam sebuah website Read More

Selamat datang lagi di warung belajar, masih dalam seri tutorial  mengenai bootstrap 4, dalam tutorial ini kita akan membahas mengenai cara membuat modal dengan bootstrap.

Modal atau biasanya kita kenal dengan istilah popup, modal digunakan untuk menampilkan pesan atau konfirmasi dari sebuah action, anda bisa menggunakan modal ini sebagai tempat untuk menampilkan informasi seperti promosi dll.

Modal juga dapat digunakan untuk membuat sebuah konfirmasi persetujuan contohnya seperti persetujuan dari menghapus data, jadi biasanya kalau kita mau menghapus data, muncul konfirmasi pertanyaan “Apakah anda yakin ingin menghapus data ini ?” terus ada pilihan ya atau tidak, nah pop up kita kita mengenal dengan istilah modal. Read More

Selamat pagi teman – teman selamat datang lagi di tutorial warung belajar, masih dalam seri tutorial bootstrap 4, dalam tutorial kali ini kita akan membahas mengenai cara membuat Carousel dengan bootstrap, Carousel atau biasanya kita mengenal dengan istilah slideshow, Carousel digunakan untuk menampilkan gambar – gambar yang diberi effect slide, Carousel biasanya ditampilkan di halaman web untuk menampilkan gambar produk yang dijual dll.

Bootstrap menyediakan class yang digunakan untuk membuat bagian carousel, anda juga bisa menambahkan caption pada bagian carousel dengan menggunakan class – class yang disediakan bootstrap. Read More