Twitter bootstrap 推特引导崩溃组仅在手机上

我有一个使用Twitter引导程序编写的站点。我有一组按钮在网站上，我想崩溃，但只有当该网站是在手机上查看。因此，当用户在电脑上查看网站时，他们会看到所有按钮，但当他们在手机上时，他们只会看到一个按钮，上面写着“更多详细信息”，当他们按下按钮时，所有按钮都会显示出来

到目前为止，我得到了：

<div class="collapse-group">
  <ul class="menu row collapse" id="IndustriesMenu">
    <li><a class="btn" href="#">Button 1</a></li>
    <li><a class="btn" href="#">Button 2</a></li>
    <li><a class="btn" href="#">Button 3</a></li>
  </ul>
  <a class="btn" data-toggle="collapse" data-target="#IndustriesMenu">View details</a>
</div>

查看详细信息

这项功能目前可以使用，但默认情况下，按钮会在所有设备上折叠，而不仅仅是手机。任何帮助都会得到感激。 谢谢。

看看这是否有助于您：

这是一个简化版的响应导航栏

下面是HTML

祝你好运

<div class="navbar">
  <div class="navbar-inner">
    <div class="container">
      <a class="btn btn-navbar" data-toggle="collapse" data-target=".IndustriesMenu" style="color:black;">view details
      </a>
      <!-- Everything you want hidden at 940px or less, place within here -->
      <div class="nav-collapse collapse IndustriesMenu">
        <ul class="nav">
          <li><a href="#">Button 1</a></li>
          <li><a href="#">Button 2</a></li>
          <li><a href="#">Button 3</a></li>
        </ul>
      </div><!-- /.nav-collapse -->
    </div>
  </div><!-- /navbar-inner -->
</div>

你好，大卫，经过一点修改后，这台机器运行得非常好，我不知道为什么我一开始不走这条路！谢谢。太好了，很高兴我能帮助你：