Salam bro/sis :) Setelah sebelumnya saya memberikan tutorial tentang plugin JS jquery yang super keren. Nah kini saya tambahin lagi lanjutanya. let's roll :D Sebelumnya siapkan dulu file yang dibutuhkan yaitu bootstrap.css jquery.js dan bootstrap.js Jika ditutorial sebelumnya sudah download file ini kamu tidak perlu mendownload ulang lagi. Kamu bisa download disini Jika sudah didownload jang...
Salam bro/sis :) Setelah sebelumnya saya memberikan tutorial tentang plugin JS jquery yang super keren. Nah kini saya tambahin lagi lanjutanya. let's roll :D Sebelumnya siapkan dulu file yang dibutuhkan yaitu bootstrap.css jquery.js dan bootstrap.js Jika ditutorial sebelumnya sudah download file ini kamu tidak perlu mendownload ulang lagi. Kamu bisa download disini Jika sudah didownload jangan dibiarin aje ye :D di embed ke dokumen html nya :D Jika sudah yuk kita mulai ❍
Collapse
Collapse ini bisa dibilang satu darah dengan yang namanya spolier, Tau spoiler kan ? Nah jadi collapse ini dapat menyembunyikan dan menampilkan suatu konten
■
Versi Simpel (Perhatikan atribut data-target dan id nya, pastikan sama ya )
Change this and that and try again. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.
■
Versi agak keren :D (Coba dihayati dulu skripnya pasti ngerti cara ngotak-atiknya, kalo ga tau boleh ditanyakan )
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft
beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
Jika kamu ingin secara default ada yang sudah terbuka kamu dapat menghapus class collapse berikut : class="accordion-body collapse" ❍
Dropdown
Pada umumnya plugin js bootstrap yang satu ini diimplementasikan pada menu navbar.
HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML
Typehead ini adalah sebuah textbox yang mendukung fitur suggestion atau textbox nya menyediakan pilihan data sesuai dengan huruf yang diinput, nah contohnya anda ketik huruf a nah ntar muncul da data-data yang ada huruf a nya Cara pemakaiannya sangat mudah, lihat kode html dibawah ini.
Penjelasan : Span3 bisa kamu ganti angka 3 nya jadi angka hingga 12, ini untuk panjang dari textbox nya. data-items berfungsi untuk mengatur banyak maksimal data sugesti yang ada. Gimana keren bukan :D ? Sekian tutorial kali ini, See you on next tutorial Download Demo
Tentang Penulis
ricky orlando napitupulu Nothing special :) Saya seorang lelaki, mahasiswa, blogger, cinta musik dan juga sedang mencoba ilmu desain grafis. Tidak banyak pengetahuan yang bisa saya bagikan, Namun saya akan sangat senang membagikan pengetahuan tersebut bila dibutuhkan :).
