Bootstrap 4 Gizle / Göster Özellikleri

Bootstrap4 kütüphanesi içerisinde bulunan sınıfları kullanarak istediğiniz öğeleri gizleyebilir 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

 


0 Yorum

Soru & Yorum


Web Tasarım

Renkli Kare

Web Tasarım Ajansı