Troubles with navbar

1

I’m trying to do the portfolio project and I looked up the navbar function.

It seems to work, but for some reason the text drops down a line so that they aren’t all even.
I’m just wondering what I’m doing wrong. Or even better…if someone could explain WHY the text suddenly jumps down a line.

This is my code:

<!DOCTYPE html>
<html >
<head>
  <meta charset="UTF-8">
  <title>Portfolio</title>
  <link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css'>
 
</head>

<body>
  <nav class="navbar navbar-inverse navbar-fixed-top">
  <div class="container-fluid">
    <div class="navbar-header">
      <a class="navbar-brand" href="#">About</a>
    </div>
      <ul class="nav navbar-nav">
        <li><a href="#">portfolio</li>
        <li><a href="#">about</li>
        <li><a href="#">contact</li>
        <li><a href="#">more information</li>
      </ul>
    
  </div>
  <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js'></script>

  
</body>
</html>
2

you forgot to put ending link tag </a>
try this : <li><a href="#">portfolio</a></li>

good luck with your project…

1 Like
3

OMG! I can’t believe I missed that. Thank you so much. It’s getting too late for me, I better get to bed so as not to make silly errors like that!

PS: I tried to respond yesterday, but there was something wrong with my log in and I kept getting 500 errors.