Leaflet map not displayed properly inside tabbed panel

Question

I\'m trying to use Leaflet.js to display a map inside a tabbed panel from Twitter Bootstrap, but is behaving in a strange way:

When I click on the tab containing th

Answer 1

Bootstrap 3 has custom namespaced events, and so previous answers would work with:

$("body").on("shown.bs.tab", "#link3", function() {
    map.invalidateSize(false);
});

Reference: Bootstrap Tabs