(Foundation) Change columns ordering in desktop view : can anyone tell me how to re-order foundation grid. So here's the code:

    <div class="row">
       <div class="small-12 large-12 large-push-12 columns">
          Mobile top. Desktop bottom.
       </div>

       <div class="small-12 large-12 large-pull-12 columns">
          Mobile bottom. Desktop top.
       </div>
    </div>

So, the problem is, in desktop layout, the large-push-12 and large-pull-12 aren't working and the grid isn't re-ordered. is there anything that i'm missing?