科尔-lg-拉-12还是别的什么？

Question

在手机上，带有prev/下一页的区域在左边，avatar在右边，所有的区域都是col-md-6。

​

​

一切都是好的移动，但在桌面上，我想要相反的效果-头像在顶部和prev/下一个区域的底部.全是lg-12。(12，因为在lg上，它们在小的头-lg-1中)。

​

​

当我尝试把这两种选择结合起来一起工作的时候.科尔-lg-推-12和高-lg-拉-12没有帮助我。我不知道怎么把它变成那样。是阿贾克斯还是其他把戏？

​

​

在这里测试IT： http://betalivespot.pl

在顶部有一个标准选项(化身和prev/next在桌面上的位置不好)。而在红栏下有测试用的col推-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发身份证