展开的 DIV 没有将其他部分 div 的内容推低桌面分辨率

Question

嗨，

我们正在尝试开发具有以下要求的响应式 divs - * 在桌面模式下 - 扩展右侧 div，应将所有左侧 div 一个推到另一个下方

我们可以按要求实现平板模式显示，但是如何在向右扩展div的桌面模式下实现左侧div的浮动？

提前致谢。

Answer 1

兄弟，你需要jquery，只需在单击按钮时添加操作并将方框 2-5 中的 class 从 col-lg-6 更改为 col-lg-12 和父级 class 框 1-5 从 col-lg-8 到 col-lg-4 然后将右框从 col-lg-4 扩展到 col-lg-8 即

$('.button-expand').click(function(){
   $('.box-small').toggleClass('col-lg-6');
   $('.box-small').toggleClass('col-lg-12');
   $('.parent-box').toggleClass('col-lg-8');
   $('.parent-box').toggleClass('col-lg-4');
   $('.box-right').toggleClass('col-lg-8');
   $('.box-right').toggleClass('col-lg-4');
});