title: Bootstrap 3 table : different views in iPhone and Web
body: <p>I am wondering what is the best way to implement a table with 4-5 columns (see bootply link) in web layout to be displayed in a one column layout on the mobile as shown in the attached image. </p>
  
  <p><a href="http://www.bootply.com/lbwyJCglxA#" rel="nofollow noreferrer">http://www.bootply.com/lbwyJCglxA#</a></p>
  
  <p><a href="https://i.stack.imgur.com/AQFbq.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/AQFbq.png" alt="enter image description here"></a></p>