How do i make tab button clickable? : I am trying to make my navigation bar clickable. For example when a user clicks data a data web page opens up. But in my code i am unable to do so. When i click the tab button nothing happens. Can someone help me so that when i click the tab button shows the content? Note i am using bootstrap nav-nav tab bar Below is my code:

<html lang="en">

      <head>

          <meta charset="utf-8">
          <meta http-equiv="X-UA-Compatible" content="IE=edge">
          <meta name="viewport" content="width=device-width, initial-scale=1">
          <meta name="description" content="">
          <meta name="author" content="">

          <title>Sales</title>

          <!-- Bootstrap Core CSS -->
          <link href="css/bootstrap.min.css" rel="stylesheet">

          <!-- Custom CSS -->
          <link href="css/shop-item.css" rel="stylesheet">

         
          <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">

        
        


      </head>

      <body>
      <ul class="nav nav-tabs" data-tabs="tabs" id="myTab">
        <li class="active"><a data-toggle="tab" href="#home"> Main</a></li>
        <li><a data-toggle="tab" href="persons/data.html"> data </a></li>
        <li><a data-toggle="tab" href="teams/teamI.html"> teams </a></li>
      </ul>

      <div class="tab-content">
        <div id="home" class="tab-pane fade in active">
         <div class="container-fluid">

              <div class="row">

                  <div id= "mapContainer" class="col-md-12">
                      <div id="map-canvas"></div>
                  </div>
                  <div id = "panelContainer" class="col-md-3 hidden">
                   <div  id="right-panel"></div>
                 </div>
              </div>

          </div>

          <!-- /.container -->

          <div class="container">

              <hr>

              

          </div>
        </div>
        

          <!-- /.container -->

          <!-- jQuery -->
          <script src="js/jquery.js"></script>

          <!-- Bootstrap Core JavaScript -->
          <script src="js/bootstrap.min.js"></script>




      </body>

      </html>

 