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 |