title: In Bootstrap is there a way to have an html table with a cut down number of cells / rows but more for desktop browsers?
body: <p>Is there a way in bootstrap's css to show some level of details for some devices and more for others.</p>
  
  <p>My example would be groupon. If you visit groupon on your iphone you can see single column with offer after offer , yet visit the site on your desktop and you see different looking versions of the same offers, but they are positioned in a 4x1 box rather than a 1x1 scrollable list.</p>
  
  <p>The whole page looks different. This must mean some elements detect they are being rendered on a small device and therefore dont show, am I on the right lines?</p>
  
  <p>I am very new to bootstrap!</p>