Bootstrap 3.0 affix with list changes width

Question

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 this fiddle i

Answer 1

Here is my HTML

            

                

                    

                        
                            
                            
                            
                            
                        
                        Committees
                    
                    

                        

                            
BOARD OF DIRECTORS
                            
MADRASATUL JAMALIYAH
                            
SHABAB
                            
BURHANI WOMEN
                            
TAISEER UN NIKAH
                            
FAIZUL MAWAIDUL BURHANIYAH
                            
WEBSITE
                            
TADFEEN
                        
                    

                
            

And this is my JS fix

$(function () {
   var resize = function () {
      var sidebarNav = $(".sidebar-nav");
      var sidebarNavAffix = $(".sidebar-nav .affix");
      if (sidebarNavAffix.length && (sidebarNavAffix.width() !== sidebarNav.width())) {
             sidebarNavAffix.width(sidebarNav.width());
      }
   }

   $(window).on({"scroll" : resize, "resize" : resize});
});