У меня есть сайт, написанный с помощью Twitter Bootstrap. У меня есть группа кнопок на сайте, которые я хочу свернуть, но только когда сайт просматривается на телефоне. Поэтому, когда пользователь просматривает сайт на своем компьютере, он видит все кнопки, но когда он находится на телефоне, он просто видит одну кнопку, которая говорит что-то вроде:подробнее » и когда они нажмут на нее, все кнопки откроются.

Пока у меня есть:

  
    <a class="btn" href="#">Button 1</a>
    <a class="btn" href="#">Button 2</a>
    <a class="btn" href="#">Button 3</a>
  
  <a class="btn" data-toggle="collapse" data-target="#IndustriesMenu">View details</a>

В настоящее время это работает, но кнопки по умолчанию свернуты на всех устройствах, а не только на телефонах. Любая помощь всегда ценится. Спасибо.