title: Responsive dashboard using jQuery & Bootstrap 3
body: <p>I'm trying to create a portal/dashboard using jQuery &amp; Bootstrap. I need the ability to display gadgets with fixed dimensions that can be displayed on the same page together. I am giving the user the ability to define a template for each page, which defines the dimensions of gadgets that can be displayed on the page and also their layout.</p>
  
  <p>I can already do a basic non-responsive dashboard but the part that is confusing me, is that I want to make the dashboard responsive. This would be fairly easy if gadgets were all of similar sizes, organised into rows, as per Bootstrap's grid system.</p>
  
  <p>I guess the best example is this screenshot I found online.</p>
  
  <p><img src="https://i.stack.imgur.com/TaveQ.jpg" alt="Dashboard example"></p>
  
  <p>The first gadget spans two rows and the next two only span one. I can't see how to do this using Bootstrap's grid system.</p>
  
  <p>Alternatively, should it even be responsive? Is it a better user experience if the dashboard isn't responsive?</p>
  
  <p>Edit: I do have clients who use tablets and/or cellphones.</p>