Mobil cihazlarda bir öğeyi gizlemek için

display: none;

özelliği kullanılır 145. Bu özellik atandığında, öğe ve içeriği birlikte tarayıcı tarafından yok sayılır ve web sayfasında gösterilmez 45.

Örneğin, XS (mobil) boyutu için görünür olmaması istenen bir öğe, aksi belirtilmedikçe diğer ekran boyutlarında da görünür olmayacaktır 1. XS boyutunda

d-none

(CSS'teki

display:none;

ile eşdeğer) olarak tanımlanmış bir öğe, MD (laptop) boyutunda ekranda görünür hale getirmek için, sonraki boyut olan "sm" boyutu için

d-sm-block

tanımı yapılmalıdır 1.

Alternatif olarak, CSS medya sorguları (media queries) kullanılabilir 2. Örneğin, belirli bir görünüm alanına (viewport) kadar olan mobil görünüm için:

@media (max-width: <desired width of viewport>) {
   .right-banner {
       display: none;
   }
}
Kopyala

Ayrıca,

visibility: hidden;

kullanımı da düşünülebilir 25. Bu yöntemde öğe gizlenir, ancak bulunduğu alanı işgal etmeye devam eder 25.