как отображать нет, используя медиа-запросы?

Question

Как отобразить ни один DIV в DIV внутри с помощью медиа запросов

ID = «flexnav меню кнопки» Я хочу, чтобы скрыть это один из медиа-экрана 470px;

<header class="main"> 
     <div class="container"> 
      <div class="row"> 
       <div class="span2"> 
        <a href="index.aspx"> 
         <img class="logo" title="just search4u" alt="justsearch4u.com" 
          style="width: 158px; height: 114px; margin-top: -19px" src="../Images/justsearchforu1.png"> 
        </a> 
       </div> 
       <div class="span8"> 
        <!-- MAIN NAVIGATION --> 
        <div class="flexnav-menu-button" id="flexnav-menu-button" >Menu</div> 
        <nav> 
         <ul class="nav nav-pills flexnav" id="flexnav" runat="server" data-breakpoint="800"> 
          <li id="a" runat="server" class="active"><a href="Index.aspx"><b style="color: #000" class="index_head">Home</b></a> 

          </li> 
          <li id="b" runat="server"><a href="about.aspx"><b style="color: #000" class="index_head">About</b></a></li> 


          <li id="c" runat="server"><a href="contact.aspx"><b style="color: #000" class="index_head">Contact</b></a> 
          </li> 
         </ul> 
        </nav> 

Answer 1

Попробуйте это:

@media screen and (max-width: 470px) { 
    #flexnav-menu-button { 
     display:none; 
    } 
}