Tutorial Bootstrap Part 20 : Membuat Navbar di Bootstrap

Assalamu'alaikum W. W.

Abdul Hafid Gunawan - Hai Sobat setia SC Blog, Alhamdullilah sudah sampai Tutorial Bootstrap Part 20 ini, saya masih di berikan kesempatan untuk membagikan Ilmu saya ke teman" setia SC Blog.

PENGERTIAN

SleepingCodings - Navbar merupakan sebuah Navigasi yang menyediakan berbagai menu untuk di Klik yang akan merujukkan kita ke link yang kita klik tsb, dan lokasinya di bagian atas halaman.

LATAR BELAKANG 

Untuk mempersingkat waktu dalam pembuatan front-end website, yang mempunyai prioritas responsive & praktis.

MAKSUD DAN TUJUAN

 - Mampu menguasai, memahami dan menggunakan Bootstrap untuk mengembangkan skill Front-end Website.

ALAT DAN BAHAN

- Text Editor

MEMBUAT NAVBAR

• Navbar

Contoh Penerapan Navbar seperti berikut, beserta hasilnya :

• Navbar Collapse

Navbar Collapse di gunakan untuk menampilkan dan menyembunyikan sebuah konten / menu (show / hide).

• Fixed Navbar

Fixed Navbar di sini berfungsi sebagai sebuah Navigasi yang dimana Navigasi tersebut tetap berada di atas / terbang ketika kita scroll halaman ke bawah .

KESIMPULAN

Untuk Pembuatan Navbar sangatlah mudah ketika kita menggunakan Bootstrap karena kita hanya tinggal memanggil Classnya saja, apalagi kita menghemat waktu kita dalam pembuatannnya.

REFERENSI

- www.w3schools.com/bootstrap4/bootstrap_navs.html

Wassalamu'alaikum W. W.