title: fixed div inside bootstrap column
body: <p>I'm trying to make a two column responsive layout using bootstrap, in the left column I would like to place a menu, and in the right an image gallery. I would like the menu to stay fixed while scrolling through the images on right.</p>
  
  <p>The difficulty is that I want the fixed menu to be fluid with the bootstrap layout. So while I don't want it to move up and down when scrolling I do want it to reposition itself when resizing the screen.</p>
  
  <p>This website is an example of what I mean:
  <a href="http://www.galeriebertrand.com/artists">http://www.galeriebertrand.com/artists</a> </p>
  
  <p>I can't seem to figure how it was done on this site, it doesn't seem like the left column has fixed positioning.</p>