javascript - Swap divs (rows) only in tablet view -
    i have 2 basic divs display side side in bootstrap layout. in using mobile first, have search panel div display first, followed div.  in desktop mode, using push/pull correctly first div go right.    in middle view, tablet view, divs stacked, want swap order.  i've created bootply:  http://www.bootply.com/i8iuuyntwk#   in summary:   mobile:    [search]    [slideshow]  tablet:    [slideshow]    [search]  desktop:    [slideshow] [search]   <div class="container">     <div class="row">         <div id="search_div" class="col-md-3 col-md-push-9">             search form here (this should on right on desktop, on top mobile, , second tablet)         </div>         <div id="slideshow_div" class="col-md-9 col-md-pull-3">             slide show here  (this should on left desktop, second mobile , on top tablet)         </div>     </div> </div>   i've seen dozens of ways attempt...