Django extended template not displaying content - django

Question

There have been a few other threads about this topic, but specifically one with an answer of a urls.py issue didn't resolve mine...
I'm attempting to extend a base template. I have two files, base.html and index.html. Base has basic navigational elements, CSS, etc., and index.html extends base. I'm pointing to index.html in my view, but all I can see is code from base.html -- the index.html code is not displaying. Any help is appreciated. Also, there are no errors reported anywhere for any of this code.
views.py:
class DashboardView(TemplateView):
context_object_name = 'home_list'
template_name = 'index.html'
queryset = Media.objects.all()
def get_context_data(self, **kwargs):
context = super(DashboardView, self).get_context_data(**kwargs)
context['jobs'] = Job.objects.all()
return context
Relevant portions of urls.py:
url(r'^admin/', include(admin.site.urls)),
url(r'^apiroot/', router.get_api_root_view()),
url(r'^api-auth/', include('rest_framework.urls', namespace='rest_framework')),
url(r'^$', dashboard_views.DashboardView.as_view(), name="home_list"),
base.html in the templates dir: (Note that the "Test." part of this does show up on the screen, but that is the last element on the page when loaded.)
{# load the tag library #}
{% load bootstrap3 %}
{% load staticfiles %}
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="{{STATIC_URL}}bootstrap3/css/bootstrap.min.css" rel="stylesheet">
{# load CSS and Javascript #}
{% bootstrap_css %}
{% bootstrap_javascript %}
{# Display django.contrib.messages as bootstrap alerts #}
{% bootstrap_messages %}
<div class = "container">
Backup Administraton (test)
</div>
<!------Navbar ---------->
<header class = "navbar navbar-inverse navbar-fixed-top" role = "banner">
<div class = "container">
<div class ="navbar-header">
<button type = "button" class= "navbar-toggle" data-toggle = "collapse" data-target = "#dropdown">
<span class = "sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
Backup Administration
</div><!-- End Navbar Header-->
<div class = "collapse navbar-collapse" id = "dropdown">
<ul class = "nav navbar-nav navbar-right" role = "navigation">
<li>Home</li>
<li>Reports</li>
<li>Snapshots</li>
<li>Restores</li>
</ul>
</div><!-- End Nav Contents -->
</div><!-- End Container -->
</header>
Test.
Contents of index.html:
{% extends "base.html" %}
<BR><BR><BR><BR>
Testing contents of index.html
{% block content %}
<BR><BR><BR><BR><BR>
This is index.html<BR>
{% endblock %}
The index.html contents (ie the "Testing contents") never displays on the screen. FWIW, the BR's were to make sure the text didn't display behind the black nav bar.
Thanks for your time.

Answer 1

You need to add a content block to your base.html, for example:
...
<div class = "container">
Backup Administraton (test)
</div>
<div class="container">
{% block content %}
{% endblock content %}
</div>
<!------Navbar ---------->
...