title: How to allow for redirect url in bootstrap navbar?
body: <p>I am brand new to bootstrap and I have come to a problem.</p>
  
  <p>I want to be able to redirect the user from the navbar to either sign in or log in to the website.  However, when I have following html, the browser recognize the correct url redirect. but when you click on it, no action happens.  If I put the  statement outside of the navbar, it redirect fine.  Am I missing some setting for navbar? Thanks for any help you can give.</p>
  
  <pre><code>&lt;body id="myPage" data-spy="scroll" data-target=".navbar" data-offset="60"&gt;
  &lt;nav class="navbar navbar-default navbar-fixed-top"&gt;
      &lt;div class="container"&gt;
          &lt;div class="navbar-header"&gt;
              &lt;button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar"&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;span class="icon-bar"&gt;&lt;/span&gt; 
              &lt;/button&gt;
              &lt;a class="navbar-brand" href="#myPage"&gt;Logo&lt;/a&gt;
          &lt;/div&gt;
          &lt;div class="collapse navbar-collapse" id="myNavbar"&gt;
              &lt;ul class="nav navbar-nav navbar-right"&gt;
              &lt;li&gt;&lt;a href="#about"&gt;ABOUT&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#contact"&gt;CONTACT&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="{% url 'registration_register' %}"&gt;SIGN UP&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="{% url 'auth_login' %}"&gt;LOG IN&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/nav&gt;
  </code></pre>
  
  <p>I also have this script for the navbar.  Not sure if this makes any difference.</p>
  
  <pre><code>$(document).ready(function(){
      // Add smooth scrolling to all links in navbar + footer link
      $(".navbar a, footer a[href='#myPage']").on('click', function(event) {
  
      // Prevent default anchor click behavior
      event.preventDefault();
  
      // Store hash
      var hash = this.hash;
  
      // Using jQuery's animate() method to add smooth page scroll
      $('html, body').animate({
          scrollTop: $(hash).offset().top
      }, 900, function(){
  
      // Add hash (#) to URL when done scrolling (default click behavior)
      window.location.hash = hash;
  
      });
    });
  </code></pre>