Как скрыть теги Div в соответствии с изменениями размера устройства в Materializecss?

Question

Когда дело доходит до рабочего стола, интерфейс должен состоять из 3 столбцов. Но когда дело доходит до мобильного вида (360 x 640) или (360 x 480), я не хочу отображать первый столбец, должны отображаться только два столбца. Для справки, здесь я упомянул три столбца.

<div class="col s12 m2 l2">...</div> 
<div class="col s12 m8 l8">...</div> 
<div class="col s12 m2 l2">...</div> 

Answer 1

вы можете переопределить свойства CSS в:

@media only screen and (max-width: 640px) { 

} 

, например:

.btn{ 
    display: none; 
} 

    @media only screen and (max-width: 640px) { 
    .btn { 
     display: inline; 
    } 

} 

Answer 2

@media косвенно помог мне и позвольте мне сказать вам, как. Как детали, упомянутые в приведенном выше ответе, я искал @media в существующем CSS. Я нашел такие свойства, как hide-on-small-and-down, hide-on-med-and-down и так далее. Я применил их на классах div, и это сработало как шарм.