Navigation links not working in navbar (Bootstrap)(Django)

Question

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 'http://127.0.0.1:8000/' I get 'NoReverseMatch at/' error.

firstsite/firstsite/urls.py

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)

firstsite/profiles/urls.py

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'),
]

firstsite/profiles/views.py

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)

firstsite/profiles/templates/base.html

{% load staticfiles %}


  
    
    
    
    
    
    
    

    Theme Template for Bootstrap

    
    
    
    
    
    

    
    
    

    
    
    





   
   {% include 'navbar.html'%}
   

   {% block content %}
   {% endblock %}

     
     
       Theme example
       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.

firstsite/profiles/templates/home.html

{% extends 'base.html' %}


{% block content %}
Hello World. I'm Back.
{% endblock %}

firstsite/profiles/templates/about.html

{% extends 'base.html' %}

{% block content %}
Hello About
{% endblock %}

firstsite/profiles/templates/navbar.html



  
    
      
      Bootstrap theme
    
    
      
        Home
        About
        Contact
        
          Dropdown 
          
            Action
            Another action
            Something else here
            
            Nav header
            Separated link
            One more separated link

As you can see in navbar.html, {% url 'home' %} should work instead I get this error:

Error Screenshot

If i remove {% url 'home' %} in navbar.html and place #, the website works fine without any error.

Astik Anand · Accepted Answer

Just use app name before named urls

Home
About

This will work fine.

Navigation links not working in navbar (Bootstrap)(Django)

Answers (1)

Related Questions