title: Different Bootstrap Responsive Grids for Different Device Dimensions
body: <p>A newcomer to Bootstrap who is experienced with other frameworks and platforms, I can't help feeling a little disappointed with the responsive grids that Bootstrap offers. Specifically, when designing a single layout that will be used with extra-small to extra-large devices, the only choice seems to be whether a column will occupy its own row or multiple columns; there doesn't seem to be inherent support for showing one particular layout on small/extra-small screens and an entirely different <code>div</code> if the dimensions are larger. You kind of have to ram everything into a single, hard-to-decipher layout block.</p>
  
  <p>Is there any kind of support for providing different layout DIVs in the same doc and switching between them based on the dimensions of the rendering device?</p>
  
  <p>I may be missing something.</p>
  
  <p>Ty in advance.</p>