Bootstrap Display Property

You can hide and show the items you want using the classes in the Bootstrap4 library. You can add separate viewing options to computer tablet and phone screens.

In Bootstrap 3, you can use the mobile hide command as hidden-xs in bootstrap 4 as .d-none .d-sm-block. You can check the table below for other screen sizes.

 

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ı