Problems with navigation bar

Code Feedback
1

So, I’m trying to get my navbar to span the top of the page, fixed. I thought I achieved that with the correct classes, but it’s not showing correctly…

<div class="containter">
</div>
<nav class="navbar navbar-default navbar-fixed-top">
  <div class="container">
    <ul class="nav navbar-nav inline-block">
      <li class="active"><a href="#">Home</a></li>
      <li><a href="#">Page 1</a></li>
      <li><a href="#">Page 2</a></li>
      <li><a href="#">Page 3</a></li>
    </ul>
  </div>
</nav>
<h1 class="text-center">Tom Beckerle</h1>
<a href="https://farm1.staticflickr.com/689/32226966833_47ab47ec0f_z.jpg">
  <img src='https://farm1.staticflickr.com/689/32226966833_47ab47ec0f_z.jpg' alt="macbook pro" style="width: 80%; display:block;" class="mx-auto rounded" />
</a>
<div class="mx-auto card card-block z-depth-3" style="width: 90%">
  <h2>Body of Work</h2>
  <p>Outside of Wordpress, I don't have a lot of actual coding experience. I did manage to learn quite a bit installing and tweaking themes, but understanding the full aspects and challenges of the web are my goals.</p>
</div>
</div>
</div>
</div>
</div>
</div>
2

Hi GitStl,

please use codepen or something similar, nobody is willing to check that pasted code here i guess. Furthermore we need to see the applied css.

  • your first container element is useless, why you don’t put your nav inside it?
  • thousands of closing div elements confuses me a lot
  • i would not put a container inside a nav, but of course one can do it

Kind regards
daveyx

3

Okay, I get it. Part of being new. If I was an expert I wouldn’t be here looking for help. :slight_smile:

I’ll go over it again and make another attempt.

4

good luck with your new attempt, never give up !!! :wink:

have a look at codepen.io or https://jsfiddle.net/

with these tools you can share your code easily

kind regards
@daveyx