Code not working(html,bootstrap) please help

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:

Add some top padding to the body in the CSS.

https://getbootstrap.com/components/#navbar-fixed-top

2 Likes

Thank you!! Solved :+1:

1 Like