Membuat Collapsible Content dengan Bootstrap

Hallo kawan Dumenity, Pada artikel ini saya akan membahas tentang bagaimana cara membuat collapsible content dengan bootstrap. Apa itu collapsible? Collapsible adalah fitur untuk menyembunyikan atau menampilkan konten ketika sebuah tombol ditekan. Untuk lebih jelasnya langsung saja kita simak tutorial berikut.

 

Pertama, kalian harus menghubungkan file-file bootstrap ke html yang kalian buat dengan mengetikan kode berikut di atas tag penutup </head>

Selanjutnya kita ketikan kode berikut ke dibawah tag <body>membuat collapsible content dengan bootstrap-2

 

 

Jika sudah nanti akan menjadi seperti berikut

Collapsible Content

Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.


Nahh sekian pembahasan saya tentang cara membuat collapsible content dengan bootstrap. Semoga dapat bermanfaat.

5 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