Как скрыть контент под спойлер, при адаптивной верстке?

Question

[Levelse]

Здравствуйте, такой вопрос, необходимо скрыть контент под спойлер при уменьшении разрешения экрана.

Есть код

<div id="block">
   <p>1000 символов текста</p>
</div>

Необходимо его прятать под спойлер, при разрешении менее 768px. Я пробовал добавить кнопку, т.е.

<a href="#spoiler1" data-toggle="collapse" class="btn btn-primary">Открыть</a>
   <div class="collapse" id="spoiler1">
      <div class="well">
         <div id="block">
<p>1000 символов текста</p>
         </div>
      </div>
   </div>

Но данный код скрывает всё, а мне необходимо только при разрешении менее 768px.

Спасибо.

Answer 1

[A K]

google: media query css

Answer 2

[Дмитрий]

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

или

media screen and (max-width: 768px){
.className{
display: none;
}
}

Comments

[Levelse]

Вы видимо не верно меня поняли. Мне необходимо, чтобы блок спойлера подключался при разрешении 768px, т.е. если я заключю блок в display: none; он попросту его закроет.

Суть проблемы в том, что я могу реализовать спойлер, но он будет реализован на всех разрешениях экрана, т.е. при большом разрешении контент тоже будет скрыт.