Wie kann man Elemente mit Hilfe von @media ausblenden?

Question

Ich verwende @media Abfragen in CSS, wie eingerichtet Display: keine für bestimmte @ media Größe und überschreiben alle Bootstrap Medien Setup?

Mein html:

<div id="top" class="navbar navbar-fixed-top" role="navigation"> 
     <div class="container"> 
     Menu 
     </div> 
    </div> 

Meine CSS:

@media only screen and (max-width: 768px){ 
#top{ 
    dislay:none; 
    } 
} 

Wo ich falsch bin?

Answer 1

Typo Fehler in Ihrem CSS ersetzen display:none

@media only screen and (max-width: 768px){ 
    #top{ 
    display:none; 
    } 
} 

Answer 2

Sie einfach falsch geschrieben haben. Es ist display, nicht dislay.

Wenn es interessant ist, die Struktur, in der sich das Objekt befindet, zu behalten, aber nicht anzeigen, erwägen Sie die Verwendung von visibility:hidden anstelle von display:none.