Bootstrap navbar doesnt hide after click
<p>How to change data-offset-top for mobile view? Also, on click  link doesn't hide the menu. I tried some founded code from stackoverflow but no luck. Could someone please help with this link below :</p>

<p><a href="http://smalldesigncompany.com/client/agami/s4/index.html" rel="nofollow">http://smalldesigncompany.com/client/agami/s4/index.html</a></p>

<pre><code>&lt;nav class="navbar navbar-default zero-mar" &gt;
                  &lt;div class="container"&gt;
            &lt;!-- Brand and toggle get grouped for better mobile display --&gt;
            &lt;div class="navbar-header"&gt;
                &lt;button type="button" class="navbar-toggle collapsed" 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;/div&gt;&lt;!--NAVBAR-HEADER--&gt;

            &lt;!-- Collect the nav links, forms, and other content for toggling --&gt;
            &lt;div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1 pull-left"&gt;
                &lt;ul class="nav navbar-nav"&gt;
                    &lt;li&gt;
                        &lt;a class="scroll" href="#top"&gt;Home&lt;/a&gt;
                    &lt;/li&gt;
                    &lt;li&gt;
                        &lt;a class="scroll" href="#people"&gt;Meet Our People&lt;/a&gt;
                    &lt;/li&gt;
                    &lt;li&gt;
                         &lt;a class="scroll" href="#projects"&gt;Our Capabilities&lt;/a&gt;
                    &lt;/li&gt;

                    &lt;li&gt;
                         &lt;a class="scroll" href="#process"&gt;Our Process&lt;/a&gt;
                    &lt;/li&gt;
                    &lt;li&gt;
                       &lt;a class="scroll" href="#why"&gt;Why Agami&lt;/a&gt;
                    &lt;/li&gt;
                &lt;/ul&gt;

                &lt;ul class="nav navbar-nav navbar-right"&gt;

                    &lt;li&gt;&lt;a href="projects.html"&gt;&lt;span class="right"&gt;Projects&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
                    &lt;li&gt;&lt;a href="contact.html"&gt;&lt;span class="right"&gt;Contact&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;

                 &lt;/ul&gt;
              &lt;/div&gt;
             &lt;!-- /.navbar-collapse --&gt;
        &lt;/div&gt;
            &lt;/nav&gt;
</code></pre>