Çözünürlüğe göre gözüksün, diğer çözünürlükte gözükmesin olayının basit anlatımı

Bootstrap kullanımında display tanımları yapmakla da uğraşmıya gerek yok. Basit class tanımları ekleyerek bunu başarabiliriz. Bootstrap 5 ile gelen yenilikleri gözden geçirmeniz önemlidir ama aşağıdaki değerler hala değişmedi. Görünmesini istediğiniz ve istemediğiniz tanımlar için visible ve hidden olarak ayrılmakta. Bir visible tanımı öğeyi her türden cihazda görünür yapar. Hidden tanımı ise onu gizler.

  • visible-lg : Sadece large ekran genişliklerinde gözükür.
  • visible-md : Sadece medium ekran genişliklerinde gözükür.
  • visible-sm : Sadece small medium ekran genişliklerinde gözükür.
  • visible-xs : Sadece extra small ekran genişliklerinde gözükür.
  • hidden-lg : Sadece large ekran genişliklerinde gizler.
  • hidden-md : Sadece medium ekran genişliklerinde gizler.
  • hidden-sm : Sadece small medium ekran genişliklerinde gizler.
  • hidden-xs : Sadece extra small ekran genişliklerinde gizler.