col-lg-pull-12还是其他什么？

Question

在移动设备上，带有上一页/下一页的区域位于左侧，而头像位于右侧，全部带有col-md-6。

在移动设备上一切都很好但在桌面上我想要相反的效果 - 顶部的头像和底部的上一个/下一个区域...全部使用col-lg-12。 （12因为在lg他们是小col-lg-1）。

当我尝试将两个选项组合在一起时... col-lg-push-12和col-lg-pull-12对我没有帮助。我不知道如何改变它。 Meaby有些Ajax或其他技巧吗？

在此测试：http://betalivespot.pl

在顶部有一个标准选项（化身位置不好，桌面上有prev / next）。在红色栏下有col-lg-push-12测试（在移动设备上仍然很好但在桌面上有问题）。

Answer 1

在你的css中试试这个：

    @media (min-width: 1200px)
.col-lg-push-12 {
  left: 0%;
}

@media (min-width: 1200px)
.col-lg-pull-12 {
  right: 0%;
}

在px中添加一些左/右来调整你想要的颜色！

然后，如果您想替换头像和上一页，您可以尝试：

<script>
if(screen.width > 1200)
{
var div1 = document.getElementById ="id1";
var div2 = document.getElementById ="id2";
var content = div1.innerHTML;
div1 = div2.innerHTML;
div2 = content;
}
</script>

不要忘记给你的div提供ID