Membuat Navigasi Bootstrap

16/03/2015    Maykhel David    3451     Website

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

No data.

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More