Halo semuanya, apa kabar? terbaik dan nomor satu pastinya ya. Pada kesempatan kali ini saya akan berbagi ilmu kepada kalian bagaimana Cara Membuat Hidden Content Pada Layout yang Ditentukan Dengan Bootstrap.
Sesuai tema bahasan kita kali ini bagaimana Cara Membuat Hidden Content Pada Layout yang Ditentukan Dengan Bootstrap, disini saya akan memberitahukan kepada teman-teman caranya. Yang dimaksud dengan hidden content ini adalah kita akan menyembunyikan content disaaat ukuran layout yang sudah ditentukan. Contoh ada sebuah gambar di ukuran desktop, tapi pada saat kita buka pada ukuran layout handphone gambar tersebut hilang. Nah yang dimaksud hilang ini bukan hilang beneran ya teman-teman tapi hanya disembunyikan pada ukuran handphone atau ukuran .col-xs-*. Langsung saja teman-teman kita praktekkan.
Pertama-tama teman-teman silahkan download kerangka bootstrap nya pada link ini.
Kemudian teman-teman ekstrak file bootstrap yang sudah di download tadi ya.
Setelah itu teman-teman buka file index.html nya dengan text editor nya, disini saya menggunakan text editor sublime text ya. Untuk text editor kalian terserah memakai apa, karena text editor apa aja sama aja ya.
Selanjutnya silahkan teman-teman ketikkan tag-tag seperti gambar di bawah ya, untuk contoh ini belum di hidden ya.
Maka outputnya akan seperti gambar di bawah,
Oke sekarang kita akan hidden ini di ukuran layout handphone ya, silahkan tambahkan kode seperti gambar di bawah ya,
Maka Output nya akan seperti gambar di bawah ya,
Untuk mengganti hidden jika di device tablet tinggal kita ganti ‘xs’ nya dengan ‘sm’ ya.
Bagaimana teman-teman untuk Cara Membuat Hidden Content Pada Layout yang Ditentukan Dengan Bootstrap nya? mudah bukan?
Source code nya bisa di download di link ini ya.
Sekian untuk tutorial kali ini ya, sampai jumpa di tutorial-tutorial berikutnya ya.
Semoga bermanfaat, terima kasih
The post Cara Membuat Hidden Content Pada Layout yang Ditentukan Dengan Bootstrap appeared first on Kursus Website Terbaik.