Hampir satu bulan blog ini rupanya tidak terawat karena penghuninya disibukkan oleh aktivitas masing-masing anggotanya. Oleh karena itu, saya mencoba menuliskan tutorial sederhana mengenai twitter bootstrap versi 2.
Iseng-iseng nulis ini berawal dari salah satu komponen navbar di bootstrap versi 2 yang tidak berjalan sebagaimana mestinya. Komponen itu adalah dropdown. Dropdown yang terdapat pada navbar di bootstrap versi 2 tidak mendeklarasikan class dropdown-toggle, sehingga apabila komponen dropdown dijalankan, tidak akan menampilkan submenu list yang ingin ditampilkan.
Contoh kodenya :
Dropdown tidak berjalan sebagaimana mestinya, karena class dropdown-toggle belum dideklarasikan. Berikut ini merupakan kode tambahan dari dropdown-toggle :
Selain harus ditambahkan sedikit kode javascript, dalam melakukan include file jquery, harus lebih didahulukan daripada file bootstrap. Apabila include kode bootstrap sebelum jquery nya, maka dropdown tetap tidak berjalan. Contoh implementasi dropdown seperti pada gambar berikut ini:
Semoga bermanfaat
Referensi : http://stackoverflow.com/questions/18465645/bootstrap-dropdown-wont-work-tried-everything-bootstrap-2-3-2
keren tutorialnya mas,, salam orang pejagoan
ReplyDeletekeren tutorialnya mas,, salam orang pejagoan
ReplyDelete