I have a web forms page with 2 parts: Left a listview with items and right a data area. When I select an item in the listview, the data for this item is shown on the right. I have defined a bootstrap grid as "col-md-4" left and "col-md-8" right.

When I make the browser window narrower, the data area goes below the listview part. I would like it to slide left covering the listview and have a "back" link to get the listview visible again. This is what happens with the mail app on my iPad, when this is in split screen mode.

Can bootstrap do this for me? How?