将一个DIV的内容移动到另一个特定宽度的DIV @media（最大宽度：767px）{}

Question

我有一个三栏布局，左右两侧有横幅。它是用Bootstrap创建的。我的结构就像：

<div class="row">
    <div class="col-lg-2 left">Left banner</div>
    <div class="col-lg-8">Page Contents</div>
    <div class="col-lg-2 right">Right banner</div>
    <div class="col-lg-2 left mobile-view">Left banner copy here when screen is 767px</div>
</div>

现在，我已经通过display: none;和display: block;在单独的视口上进行了@media查询。这可以用jQuery完成，我只需要使用左侧横幅，内容将被复制到较小屏幕的第二个左侧面板？