title: Creating square shapes in bootstrap based on fluid span's width
body: <p>In <a href="http://twitter.github.com/bootstrap/" rel="nofollow">Twitter Bootstrap</a> using the fluid-row (or even regular 'row') grid system with responsive design, how can I get the elements to have the same height as they do width?</p>
  
  <p>In other words, is it possible to have the height of a <code>.span</code> element match it's assigned width based on the responsive css design in Bootstrap?</p>
  
  <p>Or would this need to be done in javascript?</p>