title: Bootstrap 3.0 affix with list changes width
body: <p>I'm migrating to bootstrap 3.0.0 and I'm having issues with an affixed menu to the left: as soon as it becomes affixed (after 10px scroll), its width changes. In <a href="http://bootply.com/79689" rel="noreferrer">this fiddle</a> it gets smaller, in my real site it gets wider and expands on the actual content.</p>
  
  <p>It worked perfectly with bootstrap v2.3.2. After checking it looks like the list items don't play well with the <code>.affix {position: fixed;}</code> that appears.</p>
  
  <p>Any ideas?</p>
  
  <p>SOLUTION: based on the latest comments I have finally added this JS piece which fixes it nicely without having to set a fixed width to the affixed element:</p>
  
  <pre><code>$(function() {
      var $affixElement = $('div[data-spy="affix"]');
      $affixElement.width($affixElement.parent().width());
  });
  </code></pre>