Tutorial Bootstrap Part 18: Navbar
Oke pada kesempatan kali ini rekayasaternaklele akan membahas tentang Navbar pada Bootstrap.
Judul
Tutorial Bootstrap Part 18: Navbar
Pengertian
Menurut Wikipedia, Bootstrap adalah sebuah alat bantu untuk membuat sebuah tampilan halaman website yang dapat mempercepat pekerjaan seorang pengembang website ataupun pendesain halaman website. Sesuai namanya, website yang dibuat dengan alat bantu ini memiliki tampilan halaman yang sama / mirip dengan tampilan halaman Twitter atau desainer juga dapat mengubah tampilan halaman website sesuai dengan kebutuhan.
Latar Belakang
Mencari kemudahan dalam membuat front-end website yang cepat,responsive dan praktis sehingga kita tidak perlu menulis kode CSS dari nol.
Maksud dan Tujuan
Memahami dan bisa menggunakan Bootsrap sehingga pengembangan fron end website lebih efektif dan efisien.
Alat dan Bahan
Text Editor dan PC
Jangka Waktu
1 Jam
Pembahasan
Navbar adalah header navigasi yang ditempatkan di bagian atas halaman.
Berikut script dasar membuat navbar dengan Bootrsap 4:
Collapse Navbar
Collapse Navbar ini berfungsi membuat menu navbar menghilang saat layar dikecilkan, tp akan muncul icon baru dipojok kanan. Untuk memunculkannya navbar kita bisa mengklik icon yang ada pada pojok sebelah kanan.
Fixed Navbar
Fixed Navbar digunakan untuk membuat navbar tetap diposisi atas saat discroll ke bawah.
Kesimpulan
Navbar adalah header navigasi yang ditempatkan di bagian atas halaman.
Referensi
0 Response to "Tutorial Bootstrap Part 18: Navbar"
Post a Comment