Hallo, pada tutorial kali ini saya akan membahas tentang cara membuat sidebar navigasi dengan class panel pada bootstrap.

Apa kabar teman-teman semuanya, semoga baik, kali ini kita akan belajar lagi cara membuat sidebar navigasi dengan class panel pada bootstrap, sebelum kita praktekan, apa sih itu sidebar?

Sidebar adalah suatu konten pada halaman website yang biasa terletak dibagian samping dari konten, yang tidak jarang terdapat list menu didalamnya, oke untuk lebih jelasnya kita langsung praktekan saja cara membuat sidebar navigasi dengan bootstrap.

Pertama teman-teman harus terlebih dahulu mendownload file bootstrap yang ada di get bootstrap, karena disini saya beranggapan teman-teman sudah memanggil file yang diperlukan dalam menggunakan bootstrap seperti css dan javascript pluginnya bootstrap, jika sudah teman-teman buat sebuah file html dan ketikan script berikut ini:

Jika sudah silahkan teman-teman silahkan buat satu file lagi untuk css customnya dan ketikan script custom css  berikut ini :

Jika sudah teman-teman bisa save dan coba jalankan pada browser masing masing, maka hasilnya akan seperti berikut ini :

membuat-sidebar-navigasi-dengan-class-panel-pada-bootstrap-1

 

gimana teman-teman? sangat mudah bukan? dengan bootstrap semua menjadi lebih simple, untuk tutorial kali ini tentang membuat-sidebar-navigasi-dengan-class-panel-pada-bootstrap cukup sampai sini dulu, semoga tutorial kali ini bermanfaat, sampai jumpa pada tutorial berikutnya, terimakasih.