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

Question

在移动设备上，prev/next 页面区域在左侧，头像在右侧，均带有 col-md-6。

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

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

顶部有一个标准选项（头像位置错误，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 中添加一些 left/right 以根据需要进行调整！

那如果你想替换头像和上一页，你可以试试：

<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

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

col-lg-pull-12 or something else?

css

twitter-bootstrap-3