Membuat Navigasi Bootstrap

Halo Kawan Dumenity, Kali ini saya ingin share cara membuat menu navigasi biasa dan yang melayang mengikuti screen beserta tombol dropdown menu hanya dengan menggunakan bootstrap. Oke langsung kita simak saja caranya...

Disini saya asumsikan teman-teman telah mengerti cara memasang plugin bootstrap

selanjutnya kita letakan kode berikut dibawah tag <body>

Membuat Navigasi Bootstrap-1

Dan masukan kode dibawah ini ke dalam container-fluidMembuat Navigasi Bootstrap-2

Membuat Navigasi Bootstrap-3

Simpan dan jalankan...

Nahh.. diatas adalah cara untuk membuat navigasi melayang mengikuti screen, untuk yang statis hanya perlu menghapus bagian berikut

Membuat Navigasi Bootstrap-4

 

Kalau sudah dihapus nantinya navbar tersebut akan menjadi statis / tidak mengikut saat scroll kebawah..

Sekian tutor hari ini semoga bermanfaat bagi teman-teman dumenity.

 

Untuk yang mau lihat sourcenya bisa di download DISINI

16 Maret 2015

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat