I'm using Retina.js(<http://retinajs.com/>) on a page with bootstrap tabs. While it loads the correct images for the first tab, the other tabs load the correct images (i.e. 2x) but have height and width set to 0. How can I fix this? Is there something that can be triggered on tab change?

This thread (<https://github.com/imulus/retinajs/issues/90>) suggested changing hidden tabs height to 0 and overflow:hidden instead of display:none. Not sure how to change my bootstrap tabs event to do this - any ideas?