Recently, I launched a basic website on 000webhost. The index.html file I uploaded looks like this:
<!DOCTYPE html>
<html lang="en>
<head>
<title>Tabs</title>
<meta charset="utf-8">
<meta name="description" content="Bootstrap.">
<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript" src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
</head>
<body style="margin:20px auto">
<div class="container">
<div class="row header" style="text-align:center;color:green">
<ul class="nav nav-tabs">
<li class="active"><a>Tab 1</a></li>
<li><a>Tab 2</a></li>
<li><a>Tab 3</a></li>
</ul>
<p><br></p>
</div>
</div>
</body>
Locally, the page should look like this: Desired Output.
However, when viewed on webhost, it displays as follows: Undesired Output.
The CSS and JavaScript scripts (bootstrap) I included in the file are not being utilized. Any thoughts on why this might be happening?