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>
        <!-- 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>
                    <div class="container-fluid" >
                        <a href="#home" id="logo"><img src="tody.png" alt="Cartoon Picture of tody.." class="img-circle "></a>
                <div class="collapse navbar-collapse navbar-right" id="cnavBar">
                    <ul class="nav navbar-nav">
                            <a href="#home">Home</a>
                            <a href="#portfolio">Portfolio</a>
                            <a href="#contact">Contact</a>
        <section id="top">
          <div class="container" >
              <div class="row">
                <div class="col-md-12">
                  <p>Budding Software Engineer</p>

The Output:

Add some top padding to the body in the CSS.


Thank you!! Solved :+1:

1 Like