HTML Section Links Navigating to Wrong Location
<p>I am new to Stack Overflow so please forgive me if this is a repeat question. I searched thoroughly, but could not figure this out.</p>

<p>I am building a zipline portfolio page using mostly Bootstrap v3.3.6 and cannot get my section links to navigate properly.</p>

<p>Here is a sample of my markup including the nav:</p>

<pre><code>&lt;div class="navbar navbar-inverse navbar-fixed-top" role="navigation"&gt;
&lt;div class="container"&gt;
    &lt;div class="navbar-header"&gt;
        &lt;button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"&gt;
        &lt;span class="sr-only"&gt;toggle navigation&lt;/span&gt;
        &lt;span class="icon-bar"&gt;&lt;/span&gt;
        &lt;span class="icon-bar"&gt;&lt;/span&gt;
        &lt;span class="icon-bar"&gt;&lt;/span&gt;
    &lt;/button&gt;
        &lt;a class="navbar-brand" href="#"&gt;Matthew Shelbourn&lt;/a&gt;
    &lt;/div&gt;
    &lt;div class="navbar-collapse collapse"&gt;
        &lt;ul class="nav navbar-nav navbar-right"&gt;
            &lt;li class="active"&gt;&lt;a href="#bio"&gt;Bio&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#projects"&gt;Projects&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#gallery"&gt;Gallery&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#contact"&gt;Contact&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
    &lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;

&lt;!-- Body Section1 --&gt;

&lt;div&gt;
&lt;a name="bio"&gt;&lt;/a&gt;
&lt;/div&gt;

&lt;div class="container" style="background-color:cadetblue;"&gt;
&lt;div class="row"&gt;
    &lt;div class="col-xs-12 col-md-4"&gt;
        &lt;span&gt;&lt;img id="profile-image" class="img-responsive pull-left" style="margin-top: 4.1%; margin-bottom:4.1%;" src="#"&gt;&lt;/span&gt;
    &lt;/div&gt;
</code></pre>

<p>When I click on the link in my nav for "Bio" (or any of the other sections) it doesn't navigate to the top of the corresponding section. Instead, it navigates to an area about 1/3 of the way down from the top of the section.</p>

<p>This same issue happens with every section link I have. I'm sure it's something trivial, but what am I doing wrong? Thanks!</p>