2012-05-09 10 views
11

Twitter'ın Bootstrap 2'sini akışkan düzeniyle (duyarlı tasarım) kullanıyorum ve tarayıcının yatay boyutu 800px'den küçükse bir div kutusunu gizlemek istiyorum.Yatay tarayıcıya bağlı olarak div'i gizleviewviewport

Nasıl yapabilirim?

Sen gizlemek ve seçtiğiniz genişliğini hedefleyen şöyle bir @media sorgusu içinde gizlemek için buna bir display:none özellik eklemek istediğiniz öğeye özel bir sınıf uygulayabilirsiniz

cevap

21

: Sadece

@media (max-width: 800px) { 
    .hidden-800 { 
     display:none !important; 
    } 
} 

Özel stil sayfanızın sonuna @media sorgu yolunu yerleştirdiğinizden emin olun.

+0

Evet, işte bu kadar! Çok teşekkürler. – StandardNerd

+0

@JoonKiChoi Sevindim :) Eğer cevap gönderdim sorunuzu tatmin ederse lütfen cevabımın yanındaki onay işaretini işaretleyerek işaretleyin, bu şekilde bu soruna kapatabiliriz ve gelecekteki kullanıcılara yardımcı olabiliriz. –

İlgili konular