Merhabalar,

Farklı çözünürlüklerde elementleri gizlemek için Bootstrap'de kullanılan bir kaç class mevcut. Bunlar;

Çok küçük ekranlı telefonlar için (768px'den küçük) (Class ismi: hidden-xs)

Tablet gibi küçük ekranlar için (768px'den büyük veya eşit) (Class ismi: hidden-sm)

Masaüstü gibi orta boyutlu ekranlar için (992px'den büyük veya eşit) (Class ismi: hidden-md)

Masaüstü gibi yüksek boyutlu ekranlar için (1200px'den büyük veya eşit) (Class ismi: hidden-lg)

Sizin örneğinizde ise telefon gibi küçük çözünürlüğe sahip cihazlarda "deneme div'ini" gizlemek için hidden-xs class'ını ilgili div'e eklemek yeterli.









<script></script>
<script></script>

<script></script>

<script></script>

hidden-xs notifications">
Deneme

Kaynak: Bootstrap CSS