Hallo kawan Dumenity, saya penulis baru blog DUMET School, pada post kali ini saya akan membahas cara menggunakan fitur hidden content pada Bootstrap. Seperti nama fitur ini yaitu “hidden” yang berarti menyembunyikan konten yang tidak perlu atau mengganggu pada resolusi tertentu. Oke kita simak dulu penjelasan singkat tentang fitur hidden ini.

Fitur hidden bootstrap ini menggunakan beberapa class.

Berikut ini adalah penjelasan resolusi MINIMAL yang berlaku untuk TIAP CLASS pada class hidden di Bootstrap:

table

Nahh.. Sekarang coba kita praktekan dulu agar lebih jelas…

Disini saya asumsikan teman-teman sudah memasang plugin bootstrap di template website HTML nya ya..

Ketik bagian ini dibawah tag <body> simple seperti ini..

Capture

Berikan style css agar lebih mudah membedakan kontennya

css

Sekarang save dan buka index.html nya di firefox dan tekan ctrl+shift+M, lalu ubah ukuran resolusinya dan lihat hasilnya

WhatsApp chat