각성 부트 스트랩 애니메이션 탭이 전환되지만 반점은 전환되지 않습니다.

Question

페이지에서 다른 탭을 선택할 때 애니메이션 슬라이드 효과를 추가하려고합니다. 지금까지 절반 만 작동합니다.

나는 animate.css를 사용하여 매우 단순하게하기를 바랐으나 전환이 콘텐츠의 영향을받는 것처럼 보였습니다 (콘텐츠가 튀어 나오지 않음). 정확하게, 그러나 미끄러지지 않는다).

같은 질문에 답하는 것처럼 보인 답변이 없지만 대답 (https://stackoverflow.com/questions/19961952/angularjs-1-2-animations-with-animate-css-hide-animation-doesnt-seem-to-fire)을 찾는데 도움이되지 않았습니다.

아무도 올바른 방향으로 나를 가리킬 수 있습니까? 여기

plunker : http://plnkr.co/edit/cERDGS2zvUxOyqboFZXT?p=preview

감사합니다

Answer 1

당신은 탭 영역 내에 부트 스트랩의 CSS를 덮어 쓸 수 있습니다 : 그럼 당신은 어떤 CSS를 할 수

.tab-content>.tab-pane { 
    display: none; 
} 

.tab-content>.tab-pane { 
    display: block; 
} 

와/다른 요소를 절대적으로 배치하는 JS 속임수 레이아웃을 끝내지 못합니다. 실제로 똑같은 문제가 있습니다. 나는이 포스트를 보았고 나의 문제를 해결하는 데 도움이되었다고 생각한다. 감사합니다. 그리고 이것이 도움이되기를 바랍니다.

마이 plunkr : http://plnkr.co/edit/tgpyZq3JD1hwxtwCwWv8?p=preview