title: Navigation links not working in navbar (Bootstrap)(Django)
body: <p>I'm creating a website using django 1.10 and python 3.6. 
  My web app is called 'profiles' and project is called 'firstsite'. I used a template from bootstrap which is saved as 'base.html'. I have two pages in my webapp which use template 'home.html' and 'about.html'. Navigation bar is another html file called 'navbar.html'. I'm trying to link 'home' and 'about' in navigation bar. After linking, when i runserver and open '<a href="http://127.0.0.1:8000/" rel="nofollow noreferrer">http://127.0.0.1:8000/</a>' I get 'NoReverseMatch at/' error.</p>
  
  <ul>
  <li><p><strong>firstsite/firstsite/urls.py</strong></p>
  
  <pre><code>from django.conf import settings
  from django.conf.urls.static import static
  from django.conf.urls import url, include
  from django.contrib import admin
  
  urlpatterns = [
      url(r'^admin/', admin.site.urls),
      url(r'^', include('profiles.urls')),
  ]
  
  if settings.DEBUG:
      urlpatterns += static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)
      urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)
  </code></pre></li>
  <li><p><strong>firstsite/profiles/urls.py</strong></p>
  
  <pre><code>from django.conf.urls import url
  from profiles import views
  
  app_name = 'profiles'
  urlpatterns = [
      url(r'^$', views.home, name='home'),
      url(r'^about/$', views.about, name='about'),
  ]
  </code></pre></li>
  <li><p><strong>firstsite/profiles/views.py</strong></p>
  
  <pre><code>from django.shortcuts import render
  
  def home(request):
      context = locals()
      template = 'home.html'
      return render(request, template, context)
  
  def about(request):
      context = locals()
      template = 'about.html'
      return render(request, template, context)
  </code></pre></li>
  <li><p><strong>firstsite/profiles/templates/base.html</strong></p>
  
  <pre><code>{% load staticfiles %}
  &lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
    &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
      &lt;!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --&gt;
      &lt;meta name="description" content=""&gt;
      &lt;meta name="author" content=""&gt;
      &lt;link rel="icon" href="../../favicon.ico"&gt;
  
      &lt;title&gt;Theme Template for Bootstrap&lt;/title&gt;
  
      &lt;!-- Bootstrap core CSS --&gt;
      &lt;link href="{% static 'css/bootstrap.min.css' %}" rel="stylesheet"&gt;
      &lt;!-- Bootstrap theme --&gt;
      &lt;link href="{% static 'css/bootstrap-theme.min.css' %}" rel="stylesheet"&gt;
      &lt;!-- IE10 viewport hack for Surface/desktop Windows 8 bug --&gt;
      &lt;link href="../../assets/css/ie10-viewport-bug-workaround.css" rel="stylesheet"&gt;
  
      &lt;!-- Custom styles for this template --&gt;
      &lt;link href="{% static 'css/theme.css' %}" rel="stylesheet"&gt;
      &lt;link rel='stylesheet' href='{% static "css/main.css" %}'&gt;
  
      &lt;!-- Just for debugging purposes. Don't actually copy these 2 lines! --&gt;
      &lt;!--[if lt IE 9]&gt;&lt;script src="../../assets/js/ie8-responsive-file-warning.js"&gt;&lt;/script&gt;&lt;![endif]--&gt;
      &lt;script src="../../assets/js/ie-emulation-modes-warning.js"&gt;&lt;/script&gt;
  
  
  &lt;![endif]--&gt;
  &lt;/head&gt;
  
  &lt;body&gt;   
     {% include 'navbar.html'%}
     &lt;div class="container theme-showcase" role="main"&gt;
  
     {% block content %}
     {% endblock %}
  
       &lt;!-- Main jumbotron for a primary marketing message or call to action --&gt;
       &lt;div class="jumbotron"&gt;
         &lt;h1&gt;Theme example&lt;/h1&gt;
         &lt;p&gt;This is a template showcasing the optional theme stylesheet included in Bootstrap. Use it as a starting point to create something more unique by building on or modifying it.&lt;/p&gt;
       &lt;/div&gt;
     &lt;/div&gt; &lt;!-- /container --&gt;
  
  
     &lt;!-- Bootstrap core JavaScript
     ================================================== --&gt;
     &lt;!-- Placed at the end of the document so the pages load faster --&gt;
     &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"&gt;&lt;/script&gt;
     &lt;script&gt;window.jQuery || document.write('&lt;script src="../../assets/js/vendor/jquery.min.js"&gt;&lt;\/script&gt;')&lt;/script&gt;
     &lt;script src="{% static 'javascript/bootstrap.min.js' %}"&gt;&lt;/script&gt;
     &lt;script src="{% static 'javascript/docs.min.js' %}"&gt;&lt;/script&gt;
     &lt;!-- IE10 viewport hack for Surface/desktop Windows 8 bug --&gt;
     &lt;script src="../../assets/js/ie10-viewport-bug-workaround.js"&gt;&lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre></li>
  <li><p><strong>firstsite/profiles/templates/home.html</strong></p>
  
  <pre><code>{% extends 'base.html' %}
  
  
  {% block content %}
  &lt;h1&gt;Hello World. I'm Back.&lt;/h1&gt;
  {% endblock %}
  </code></pre></li>
  <li><p><strong>firstsite/profiles/templates/about.html</strong></p>
  
  <pre><code>{% extends 'base.html' %}
  
  {% block content %}
  &lt;h1&gt;Hello About&lt;/h1&gt;
  {% endblock %}
  </code></pre></li>
  <li><p><strong>firstsite/profiles/templates/navbar.html</strong></p>
  
  <pre><code>&lt;!-- Fixed navbar --&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 collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"&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;Bootstrap theme&lt;/a&gt;
      &lt;/div&gt;
      &lt;div id="navbar" class="navbar-collapse collapse"&gt;
        &lt;ul class="nav navbar-nav"&gt;
          &lt;li class="active"&gt;&lt;a href="{% url 'home' %}"&gt;Home&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="{% url '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 class="dropdown"&gt;
            &lt;a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"&gt;Dropdown &lt;span class="caret"&gt;&lt;/span&gt;&lt;/a&gt;
            &lt;ul class="dropdown-menu"&gt;
              &lt;li&gt;&lt;a href="#"&gt;Action&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;Another action&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;Something else here&lt;/a&gt;&lt;/li&gt;
              &lt;li role="separator" class="divider"&gt;&lt;/li&gt;
              &lt;li class="dropdown-header"&gt;Nav header&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;Separated link&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;One more separated link&lt;/a&gt;&lt;/li&gt;
            &lt;/ul&gt;
          &lt;/li&gt;
        &lt;/ul&gt;
      &lt;/div&gt;&lt;!--/.nav-collapse --&gt;
    &lt;/div&gt;
  &lt;/nav&gt;
  </code></pre></li>
  </ul>
  
  <p>As you can see in navbar.html, {% url 'home' %} should work instead I get this error:</p>
  
  <p><a href="https://i.stack.imgur.com/RMmtj.jpg" rel="nofollow noreferrer">Error Screenshot</a></p>
  
  <p>If i remove {% url 'home' %} in navbar.html and place #, the website works fine without any error.</p>