I’m using a code editor on my pc.
After using bootstrap to set up my navbar, I can’t view the code after the nav tag. Whats wrong?
The code:
<title>FCC - Portfolio</title>
<link rel="stylesheet" href="bootstrap.min.css">
<link rel="stylesheet" href="text.css">
<script type="text/javascript" src="jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="bootstrap.min.js"></script>
</head>
<body>
<!-- The header using bootstrap classes (collapseable menu.)-->
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container-fluid" id="header">
<div class="navbar-header">
<button type="button" name="button" class="navbar-toggle" data-toggle="collapse" data-target="#cnavBar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="container-fluid" >
<a href="#home" id="logo"><img src="tody.png" alt="Cartoon Picture of tody.." class="img-circle "></a>
</div>
</div>
<div class="collapse navbar-collapse navbar-right" id="cnavBar">
<ul class="nav navbar-nav">
<li>
<a href="#home">Home</a>
</li>
<li>
<a href="#portfolio">Portfolio</a>
</li>
<li>
<a href="#contact">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
<section id="top">
<div class="container" >
<div class="row">
<div class="col-md-12">
<p>Budding Software Engineer</p>
</div>
</div>
</div>
</section>
</body>
</html>
The Output: