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...