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örevClass

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