HTML侧边栏不会在767px和785px之间折叠，如何解决？

Question

我正在使用ADMINLTE来构建网站 并有一个侧边栏不会在 767 像素和 785 像素之间折叠的页面 其他页面没有问题，所以我检查我的页面并比较 工作页面显示以下类

class='skin-blue sidebar-mini sidebar-collapse'和class='skin-blue sidebar-mini'

问题页面是 "皮肤蓝色侧边栏迷你侧边栏打开"和 "皮肤蓝色侧边栏迷你">

我检查这是导致问题的部分 当迭代超过 4

for ($x = 0; $x <= 4; $x++){
?>
<div class="col-lg-2 col-md-3 col-xs-6">  
<form method="post">  
<div style="border:1px solid #3c8dbc; background-color:#f1f1f1; border-radius:5px; padding:4px 4px; margin-top:10px; margin-right:-11px; margin-left:-11px;" align="center" onClick="document.forms[''].submit();" >  
<img class="menu_m_img" src="dist/img/<?php echo $row["name"]; ?>" /><br />  
<h4 class="text-info" style="font-size:12px;"><?php echo mb_strimwidth($row["name"], 0, 18, "...");?></h4>
<h4 class="text-danger">RM<?php echo $row["name_id"]; ?></h4>                   
<input type="submit" name="add_to_cart" style="border:none; color:#fff; border-radius:5px;
background-repeat:no-repeat; width:100%" value="Add to Cart" class="btn btn-primary" />                                 
</div>  
</form>  
</div>  
<?php  
}
}else{?>
<table class="table table-condensed" id="table" style ="margin-top:10px;">
<td colspan="4" align="center">No results found</td>
</table>                        
<?php 
}                                   
?>

为什么会发生这种情况，我该如何解决这个问题？ 我可以知道当我按下按钮时它如何改变类，它如何在课堂上添加折叠或打开？

Answer 1

如果您将sidebar-open作为正文类，则表示您按下了按钮并希望打开侧边栏。我不知道你是怎么得到它的。您用$('body').removeClass('sidebar-open');以编程方式将其删除。

Answer 2

在其他机器上尝试过，问题没有重新创建，它只发生在我的设备中，所以对于那些有这个问题的人，首先尝试在其他设备上......