ブートストラップ4 NAVピルはこんにちは

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>

を働いていない、私はブートストラップにNAV-薬を使用していますが、何らかの理由でそれが正常に動作していない、上記のコードを見てみてください、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> 

これを確認してください。 ID名の前に＃記号を含めることを忘れないでください。