Bootstrap Gizle Göster Nasıl Yapılır
Bootstrap Gizle Göster Nasıl Yapılır ?
Bootstrap kütüphanesi ile sınıfları kullanarak istediğiniz öğeleri gizler ve gösterebilirsiniz. Bilgisayar tablet ve telefon ekranlarına ayrı ayrı görüntüleme seçenekleri ekleyebilirsiniz.
Bootstrap 3'te hidden-xs olarak kullandığımız mobilde gizle komutunu .d-none .d-sm-block olarak bootstrap 4 te kullanabilirsiniz. Diğer ekran boyutları için aşağıdaki tabloyu inceleyebilirsiniz.
| Görev | Class |
|---|---|
| Tamamen gizli | .d-none |
| Sadece Mobilde Gizli (xs) | .d-none .d-sm-block |
| Sadece sm boyutunda gizli | .d-sm-none .d-md-block |
| Sadece md boyutunda gizli | .d-md-none .d-lg-block |
| Sadece lg boyutunda gizli | .d-lg-none .d-xl-block |
| Sadece xl boyutunda gizli | .d-xl-none |
| Tüm Boyutlarda göster | .d-block |
| Sadece xs Boyutunda Göster | .d-block .d-sm-none |
| Sadece sm Boyutunda Göster | .d-none .d-sm-block .d-md-none |
| Sadece md Boyutunda Göster | .d-none .d-md-block .d-lg-none |
| Sadece lg Boyutunda Göster | .d-none .d-lg-block .d-xl-none |
| Sadece xl Boyutunda Göster | .d-none .d-xl-block |
Bu konuya henüz yorum yapılmamıştır...
Yorum Yapın
