col-lg-pull-12還是別的？

Question

在手機上，前一頁/下一頁的區域位於左側，頭像位於右側，全部爲col-md-6。

所有這些都是好的移動，但在桌面上我希望相反的效果 - 頭像的頂部和上/下一個區域的底部......所有COL-LG-12。 （12因爲他們在小的col-lg-1上）。

當我嘗試合併這兩個選項一起工作...... COL-LG-推12和COL-LG-拉12並沒有幫助我。我不知道如何改變它。 Meaby一些Ajax或其他技巧？

TEST在這裏：http://betalivespot.pl

在頂部有一個標準的選項（頭像和上/下一個桌面上的壞的位置）。在紅色欄下，使用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> 

不要忘了給IDS到您的div