他のタブを選択しても最後のタブ区画が常にアクティブなのはなぜですか？

私はこの大きなビューでサブビューを含むブートストラップを扱っています。私は大きなビューでは、タブのトンを持っていますが、それらの1つのセットが一貫して機能しません。私は、他の作業タブの丸薬セクションの構文との構文をチェックしたが、最後のタブセクションは常に存在する。他のタブを選択しても最後のタブ区画が常にアクティブなのはなぜですか？

<div class="row" style="height:350px"> 
        <div class="col-lg-3"> 
         <h3>Users</h3> 
         <ul class="nav nav-pills nav-stacked"> 

          <li id="Cre" class ="active"><a data-toggle="pill" href="#CreUser" onchange="HideIt(1)"> Create User</a></li> 
          <li id="Mod"><a data-toggle="pill" href="#ModUser" onchange="HideIt(2)"> Modify User</a></li> 
          <li id="Del"><a data-toggle="pill" href="#DelUser" onchange="HideIt(3)"> Delete User</a></li> 
         </ul> 


        </div> 
        <div class="container col-lg-8 col-lg-offset-1" style="height:95%;border-radius:70px;border-color:darkblue; border:1px solid"> 
         <div class="tab-content col-lg-offset-1"> 
          <div id="CreUser" class="tab-pane active"> 
           @Html.Action("CreateUser", "Home") 
          </div> 
          <div id="ModUser" class="tab-pane"> 
           @Html.Action("ModifyUser", "Home") 
          </div> 
          // NO MATTER WHAT THIS TAB ALWAYS APPEARS IN THE PANE OR IS PUSHED DOWN OUT OF THE WINDOW PANE BY THE OTHER TAB SECTIONS 
          <div id="DelUser" class="tab-pane"> 
           @Html.Action("DeleteUser", "Home") 
          </div> 


         </div> 
        </div> 
       </div>

Example Screenshot of Tab Malfuction

すべてのヘルプは大順に

出典

2016-11-01 Nick Zulanas