부트 스트랩 4 탐색 알약 내가 부트 스트랩에 항법 약을 사용하고 있지만 제대로 작동하지 않는 몇 가지 이유를 들어, 위의 코드에서 봐 주시기 바랍니다있어,

Question

 <!-- Bootstrap pills --> 
 
       <ul class="nav nav-pills"> 
 
        <li class="active"> 
 
        <a data-toggle="pill" href="driver-details-tab">Driver Details</a> 
 
        </li> 
 
        <li> 
 
        <a data-toggle="pill" href="#erer">Register Driver</a> 
 
        </li> 
 
       </ul> 
 
<div class="tab-content"> 
 
      <div class="container-fluid drivers-main tab-pane active" id="driver-details-tab" role="tabpanel"> 
 
<div class="tab-pane" id="register-driver-tab" role="tabpanel"> 
 
       asdsdd 
 
      </div> 
 
         <div class="container-fluid drivers-main tab-pane active" id="erer" role="tabpanel"> 
 
<div class="tab-pane" id="register-driver-tab" role="tabpanel"> 
 
ffffffffffffffffffffffffffff 
 
      </div> 
 
    </div>

안녕하세요 작동하지 않는 경우, I

<ul class="nav nav-pills"> 
    <li class="nav-item"> 
    <a class="nav-link active" data-toggle="pill" href="#driver-details-tab">Driver Details</a> 
    </li> 
    <li class="nav-item"> 
    <a class="nav-link" data-toggle="pill" href="#erer">Register Driver</a> 
    </li> 
</ul> 

주 내가 추가 한 클래스 : 위의 바이올린에 알약이 같은

Answer 1

사용 무언가를 부트 스트랩 포함하지 않았습니다.

Answer 2

<ul class="nav nav-pills"> 
       <li class="nav-item"> 
       <a class="nav-link active" data-toggle="pill" href="#driver-details-tab">Driver Details</a> 
       </li> 
       <li class="nav-item"> 
       <a class="nav-link" data-toggle="pill" href="#erer">Register Driver</a> 
       </li> 
      </ul> 
    <div class="tab-content">   
     <div class="container-fluid drivers-main tab-pane active" id="driver-details-tab" role="tabpanel"> 
      asdsdd 
     </div> 
     <div class="container-fluid drivers-main tab-pane active" id="erer" role="tabpanel"> fff</div> 
    </div> 

확인해보세요! href에 id 이름 앞에 # 기호를 포함하는 것을 잊지 마십시오!