Belajar Membuat Website dengan Bootstrap 4 #2 | Navigation Bar & Dropp Down

 

Hello Guys ....^_^

Kali ini kita akan melanjutkan belajar html mengenai membuat Navigation Bar dan Dropp Down yang unik dan keren dengan bootstrap 4

Bahan bahan 
1. PC / Laptop
2. Koneksi Internet
3. Kode Editor

Oh iya, sebelum  masuk ke tutorial, kakak saranin agar kalian membuka tutorial sebelumnya agar kalian dapat mengikuti sesi kali ini dengan lancar dan mudah.
Tutorial sebelumnya dapat kalian buka di sini

Langkah - langkah
1.Buka Browser kalian, arahkan ke Website dari Bootstrap

2. Pilih Get started dan copy code starter template kemudian paste di kode editor kalian. Jangan lupa di Save ya...

3. Buka kembali Website Bootstrap nya,

4. Pilih Component , dan pilih NavBar

5. Pilih desain Navbar sesuai keinginan kalian

6. Copy code Navbar kemudian paste di atas kode penutup dari body ( atasnya </body> )

7. Kita buka di browser bagaimana tampilannya

8. Kita coba untuk merubah warna background nya, dengan cara merubah properti dari class nav, kita rubah yang semula bg-light menjadi bg-dark dan Navbar-light menjadi Navbar-dark

9. Kita save kembali, kemudian kita buka di Browser

10. Jika Background Navigation Barnya telah berubah, maka
Selamat, Kalian telah berhasil membuat Navigation Bar dan merubah Background defaultnya serta memberi drop down pada menu 

Okey Guys,,,
Kali ini kita telah berhasil membuat Navigation bar dan dropp down pada website kita,

Untuk tutorial unik lainnya silakan kalian lihat di http://unixhows.blogspot.com

Terima Kasih telah berkunjung
Bye Bye