부트 스트랩 3 탭 및 첫 번째 탭 페이지로드시

Question

페이지로드시 첫 번째 탭을 열 수 없습니다. 아래 코드.

<ul id="rowTab" class="nav nav-tabs"> 
       <li class="active"><a data-toggle="tab" href="#tab_a">Tab A</a></li> 
       <li><a data-toggle="tab" href="#tab_b">Tab B</a></li> 
       <li><a data-toggle="tab" href="#tab_c">Tab C</a></li> 
       <li><a data-toggle="tab" href="#tab_d">Tab D</a></li> 
    </ul> 

    <div class="tab-content"> 
      <div id="tab_a" class="tab-pane fade active"> 
      Tab A inner 
      </div> 
      <div id="tab_b" class="tab-pane fade"> 
      Tab B inner    
      </div> 
      <div id="tab_c" class="tab-pane fade"> 
      Tab C inner  
      </div> 
      <div id="tab_d" class="tab-pane fade"> 
      Tab D inner 
      </div> 
    </div> 

및 jQuery를

<script type="text/javascript"> 
    $(document).ready(function(){ 
     $('#rowTab a:first').tab('show'); 
    });  
</script> 

모든 단서가 왜 작동하지?

감사

Answer 1

첫 번째 탭의 내용에서 fade 클래스를 제거 있습니다 .. fade

<div id="tab_a" class="tab-pane active fade in"> 
    Tab A inner 
</div> 

Baghoo와

<div id="tab_a" class="tab-pane active"> 
    Tab A inner 
</div> 

http://bootply.com/129046

Answer 2

그리고 작업 버전 - 가리키는 주셔서 감사합니다 나에게 무엇을 문제가 발생했습니다