hidden
berfungsi untuk tidak menampilkan konten yang diberi class
itu.
Contohnya:
hidden
Konten tidak ditampilkan, css
- display: none;
digunakan agar konten tidak tampil.
class
ini dapat responsif sesuai dengan kueri media. Contoh:
hidden |
hidden-mini-only |
hidden-small-only |
hidden-small-to-larger |
hidden-small-to-smaller |
hidden-medium |
hidden-medium-to-smaller |
hidden-medium-to-larger |
hidden-large |
hidden-large-to-smaller |
hidden-large-to-larger |
hidden-maxi-only |
---|---|---|---|---|---|---|---|---|---|---|---|
Tidak Ditampilkan | Ditampilkan | Ditampilkan | Ditampilkan | Ditampilkan | Ditampilkan | Ditampilkan | Ditampilkan | Ditampilkan | Ditampilkan | Ditampilkan | Ditampilkan |
Ditampilkan |
Tidak Ditampilkan
|
Ditampilkan | Ditampilkan | Ditampilkan | Ditampilkan | Ditampilkan | Ditampilkan | Ditampilkan | Ditampilkan | Ditampilkan | Ditampilkan |
Ditampilkan | Ditampilkan |
Tidak Ditampilkan
|
Ditampilkan | Ditampilkan | Ditampilkan | Ditampilkan | Ditampilkan | Ditampilkan | Ditampilkan | Ditampilkan | Ditampilkan |
Ditampilkan | Ditampilkan | Ditampilkan |
Tidak Ditampilkan
~ |
Ditampilkan | Ditampilkan | Ditampilkan | Ditampilkan | Ditampilkan | Ditampilkan | Ditampilkan | Ditampilkan |
Ditampilkan | Ditampilkan | Ditampilkan | Ditampilkan |
Tidak Ditampilkan
~ |
Ditampilkan | Ditampilkan | Ditampilkan | Ditampilkan | Ditampilkan | Ditampilkan | Ditampilkan |
Ditampilkan | Ditampilkan | Ditampilkan | Ditampilkan | Ditampilkan |
Tidak Ditampilkan
|
Ditampilkan | Ditampilkan | Ditampilkan | Ditampilkan | Ditampilkan | Ditampilkan |
Ditampilkan | Ditampilkan | Ditampilkan | Ditampilkan | Ditampilkan | Ditampilkan |
Tidak Ditampilkan
~ |
Ditampilkan | Ditampilkan | Ditampilkan | Ditampilkan | Ditampilkan |
Ditampilkan | Ditampilkan | Ditampilkan | Ditampilkan | Ditampilkan | Ditampilkan | Ditampilkan |
Tidak Ditampilkan
~ |
Ditampilkan | Ditampilkan | Ditampilkan | Ditampilkan |
Ditampilkan | Ditampilkan | Ditampilkan | Ditampilkan | Ditampilkan | Ditampilkan | Ditampilkan | Ditampilkan |
Tidak Ditampilkan
|
Ditampilkan | Ditampilkan | Ditampilkan |
Ditampilkan | Ditampilkan | Ditampilkan | Ditampilkan | Ditampilkan | Ditampilkan | Ditampilkan | Ditampilkan | Ditampilkan |
Tidak Ditampilkan
~ |
Ditampilkan | Ditampilkan |
Ditampilkan | Ditampilkan | Ditampilkan | Ditampilkan | Ditampilkan | Ditampilkan | Ditampilkan | Ditampilkan | Ditampilkan | Ditampilkan |
Tidak Ditampilkan
~ |
Ditampilkan |
Ditampilkan | Ditampilkan | Ditampilkan | Ditampilkan | Ditampilkan | Ditampilkan | Ditampilkan | Ditampilkan | Ditampilkan | Ditampilkan | Ditampilkan |
Tidak Ditampilkan
|
<div class="hidden">
<!-- konten -->
</div>