Bootstrap navbar not moving down while scrolling
<p>I've been looking for answers on here and several other sites on this.  There have been some, but I can't seem to get it to work still.  I have the following navbar:</p>

<pre><code>&lt;nav class="navbar"&gt;
  &lt;a href="#About"&gt;About me&lt;/a&gt;
  &lt;a href="#Education"&gt;Education&lt;/a&gt;
  &lt;a href="#Portfolio"&gt;Portfolio&lt;/a&gt;
  &lt;a href="#Contact"&gt;Contact&lt;/a&gt;
&lt;/nav&gt;
</code></pre>

<p>I've tried it with and without a div container on the inside of the nav tags.</p>

<p>Here's the corresponding CSS:</p>

<pre><code>nav {
  text-align: center;
  position: fixed;
  top: 0;
  lef: 0;
  right: 0;
  height: 35px;
  padding-top: 15px;
  box-shadow: 0px 0px 8px 0px;
  -webkit-box-shadow: 0px 0px 8px 0px;
  -moz-box-shadow: 0px 0px 8px 0px;
  background-color: gray;
  width: 100%;
  z-index: 100;
}
</code></pre>

<p>I've also tried it without z-index: 100;
If anyone knows what I'm missing, or if I need something else to add, I'd be interested in seeing what it is and where I can read up on it so I get it.</p>

<p>Thanks :)</p>