jquery - Tab Control with bootstrap not showing values of other tabs in asp.net -

i designing tab control not working. when select other tabs doesn't change data. here's code

<div class="container">     <ul class="nav nav-tabs">          <li><a class="active" href="#mercedes-benz" data-toggle="tab">mercedes benz</a></li>         <li><a href="#bmw" data-toggle="tab">bmw</a></li>         <li><a href="#lamborgini" data-toggle="tab">lamborgini</a></li>     </ul>      <div class=" tab-content">         <div class=" tab-pane fade in active" id="mercedes-benz">             mercedes benz pics         </div>         <div class=" tab-pane fade" id="bmw">             bmw pics         </div>         <div class=" tab-pane fade" id="lamborgini">             lambo pics         </div>     </div> </div> 

here imported files this.

  <link href="assets/bootstrap%203.3.7/css/bootstrap.min.css" rel="stylesheet" />     <script src="http://code.jquery.com/jquery-2.1.1.min.cs"></script> 

it shows 'mercedes benz pics' after selecting other tabs.

also, how can turned vertical tab?

i can see no error there, give try @ this, since using bootstrap might help: link1 or this.