Javascript 使用移动版本的bootstrap col推拉

顶部：桌面版本底部：移动版本。 当移动大小（col xs）改变时，我想将div A移到页面底部。 我曾试图解决这个问题，但我做不到。

---

如果我不能使用推拉功能，请告诉我我可以使用CSS或JavaScript。

是的，你可以这样做。将a推到c之外。这样，中间部分将占据其全部宽度。在小型设备中增加两个或两个的宽度。 我在网站上也这么做

---

调整横幅图像联系人信息和社交按钮。

否，这在Bootstrap的内置类中是不可能的。CSS3可以使用Flexbox或jQuery

我对jQuery不是很在行，但您可以这样做：

function moveA() {
    if ($(window).width < 768) {
        $(".a").insertAfter(".c");
    } else {
        $(".a").insertBefore(".b");
    }
}

$( window ).resize(function() { moveA }

还有更多，但您可以在这里看到Flexbox解决方案：

@media screen and (max-width:768) {
    .a {
        order: 2;
     }
}