Jquery 引导-调整大小时从一组div向下移动一个div

如何在超大屏幕上向下移动div-B？ 我有xs隐藏和内容复制的想法，但这不是我需要的

现在，我当前的代码如下：

<div class="col-xs-6 col-sm-2 col-md-2 col-lg-2">
    A
</div>
<div class="col-xs-12 col-sm-8 col-md-8 col-lg-8">
    B
</div>
<div class="col-xs-6 col-sm-2 col-md-2 col-lg-2">
    C
</div>

但在xs中，我想得到：

+-----+-----+
|     |     |
| a   |  c  |
|     |     |
+-----+-----+
|           |
|     b     |
|           |
+-----------+

引导的列sm断点是768px

因此，您可以使用$window.width和两个类来移动div，如下面的调整大小处理程序示例所示

$window.onresize，函数{ //console.log$window.width； 如果$window.width<768{ $.movedown.before$.moveup； }否则{ $.moveup.before$.movedown； } }; div{ 边框：1px纯黑； } A. B C

---

如果您希望b位于c之下，那么最好更改HTML结构本身。目前，在HTML中，b列位于c列之上，因此永远不能使用引导的默认列类在b列之上显示c。如果你不想交换HTML结构，你可能需要像flexbox或jQuery这样的东西。@Obsidian，哦，很遗憾。谢谢。你用的是bootstrap 3还是bootstrap 4？@Michael，bootstrap-3你可以用flexbox来做，像这样的我相信断点在767px；。通过jQuery获得清晰的答案，我不敢做一个肮脏的css/html把戏，目的更多的是玩浮点行为，而不是被建议使用+1@GCyrillus：谢谢；如果在代码笔中取消对console.log的注释，并缓慢调整大小。。。你会看到console.logsm以769px触发。@Louyspatricebesette，GCyrillus，这对我很有用。谢谢你们，我仔细检查了sm断点@GCyrillus是对的，

+-----+-----+
|     |     |
| a   |  c  |
|     |     |
+-----+-----+
|           |
|     b     |
|           |
+-----------+