[Bootstrap ] tab event

.show.bs.tab : 클릭한 탭이 보이기 전에 실행.
.shown.bs.tab : 클릭한 탭이 보인 후에 실행. 위와 시간적으로 거의 차이가 없습니다.
.hide.bs.tab : 이전의 탭이 감춰지기 전에 실행.
.hidden.bs.tab : 이전의 탭이 감춰진 후에 실행.

예)

$('.nav-tabs a').on('shown.bs.tab', function(){
  alert('New tab is now visible!');
});

-> 클릭한 탭이 완전히 나타난 후에 경고창이 뜬다.