UPDATE: Issue resolved so I have removed the Github link. It turns out that Github pages require a secure https connection for all linked scripts. Always remember to check the console!
I encountered an unusual bug where the Bootstrap nav-tab functionality worked fine when I dragged and dropped my index.html file into Firefox or Chrome. The tabs transitioned between the "Art" and "Resume" tab as expected. However, when I pushed the webpage to Github pages and accessed it through Github, clicking on the "Art" tab did not trigger the tab content transition even though the URL changed to "#Art".
The code snippet is provided below:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="style/w3.css">
<link rel="stylesheet" href="style/darkly.css">
<link rel="stylesheet" href="main.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<link rel="stylesheet" href="style/socialbuttons.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<ul class="nav nav-tabs">
<li id="resume-tab" class="active"><a data-toggle="tab" href="#Resume">Resume</a></li>
<li id="art-tab"><a data-toggle="tab" href="#Art">Art</a></li>
</ul>
<div class="tab-content main-body">
<div id="Resume" class="tab-pane fade in active">
<div class="texts container">
<p>Content of Resume tab here.</p>
</div>
</div>
<div id="Art" class="tab-pane fade images">
<div class="container">
<p>Content of Art tab displayed here.</p>
</div>
</div>
</div>
</body>
</html>
If you save the .html file and view it directly in the browser, the tab switching works perfectly. However, hosting it on Github pages causes the tab switching feature to malfunction.
I followed the tutorial provided by w3 school at the following link: