title: Collapse div/element on mobile screens only with bootstrap. Example pic
body: <p>Is it possible to collapse a sidebar div - only on mobiles - using bootstrap? How would I go about doing something like the example in the image? So that on a mobiles the sidebar collapses and when clicked, expands. I don't understand how media queries would allow me to do this becuase of the jquery involved.</p>
  
  <p><a href="http://i46.tinypic.com/2mzxflu.jpg" rel="noreferrer">http://i46.tinypic.com/2mzxflu.jpg</a></p>
  
  <p>Have seen some similar questions on here but nothing exactly like this. Could someone explain or at least point me in the right direction? Thanks in advance.</p>