扩展的DIV不会在桌面分辨率中推送其他部分div内容

Question

您好，

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

我们能够按照要求实现平板电脑模式表示，但如何在扩展右侧div时在桌面模式下实现左侧div的浮动？

提前致谢。

Answer 1

你需要jquery来做那个兄弟，只需在按钮点击时添加动作，然后在第2-5栏中将类从col-lg-6更改为col-lg-12，将父类类框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');
});