根据屏幕大小将div放在特定列中

I have the following layout:

我有以下布局：

<div class="row">

  <div class="col-lg-3 hidden-xs">
    Column 1
  </div>
  <div class="col-lg-4 col-xs-12">
    Column 2
  </div>
  <div class="col-lg-5 hidden-xs">
    Column 3
    <div id="important">This needs to be displayed</div>
  </div>
</div>
<div c