在＆＃39;崩溃＆＃39;之间引导toogle ＆＃39;崩溃＆＃39;基于设备

Question

我有崩溃面板默认＆＃34;崩溃＆＃34; （扩展）它运作良好，但我想设置＆＃34;崩溃＆＃34; （缩小）手机/标签，我该怎样实现？引导程序中是否有任何内置功能？

<div class="container hero-spacer">
  <div class="row">
  <div class="col-md-12">
  <div class="panel panel-primary">
            <div class="panel-heading">
                <h4 class="panel-title fontboldx">
                    <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne"><span class="glyphicon glyphicon-collapse-down"></span> Information</a>
                </h4>
            </div>
            <div id="collapseOne" class="panel-collapse collapse in">
                <div class="panel-body">
                    <p>here details will come</p>
                </div>
            </div>
        </div>

对于手机/标签我想获得如下图所示的输出

Answer 1

我通过简单的JS找到了解决方案如下..

以下代码必须在创建对象后放置（在正文关闭</body>之前更好的位置）

<script>
if ((screen.width>=1024) && (screen.height>=768)) {
 var x = document.getElementById("collapseOne");
 x.className = "panel-collapse collapse in"; 
}
else {
var x = document.getElementById("collapseOne");
 x.className = "panel-collapse collapse"; 
}
</script>