{% load staticfiles %}
<html>
  <head>
      <title>Della</title>
      <link rel="stylesheet" type="text/css" href="{% static 'css/bootstrap.min.css' %}" />
      <link rel="stylesheet" type="text/css" href="{% static 'css/style.css' %}" />
      <script type="text/javascript" src="{% static 'js/jquery-3.1.1.min.js' %}"></script>
      <script type="text/javascript" src="{% static 'js/bootstrap.min.js' %}"></script>
  </head>
  <body>
    <div class="container">
      {% include "navbar.html" %}
    </div>

    <div class="container">
      {% block content %}
      {% endblock %}
    </div>

    <div class="container">
      {% include "footer.html" %}
    </div>

    {% block jsblock %}
    {% endblock %}
  </body>
</html>
{% load staticfiles %}
<html>
  <head>
      <title>Della</title>
      <link rel="stylesheet" type="text/css" href="{% static 'css/bootstrap.min.css' %}" />
      <link rel="stylesheet" type="text/css" href="{% static 'css/style.css' %}" />
      <script type="text/javascript" src="{% static 'js/jquery-3.1.1.min.js' %}"></script>
      <script type="text/javascript" src="{% static 'js/bootstrap.min.js' %}"></script>
  </head>
  <body>
    <div class="container">
      {% include "navbar.html" %}
    </div>

    <div class="container">
      {% block content %}
      {% endblock %}
    </div>

    <div class="container">
      {% include "footer.html" %}
    </div>

    <!-- So that bootstrap tooltips are enabled -->
    <script>
      $(document).ready(function(){
        $('[data-toggle="tooltip"]').tooltip();
      });
    </script>

    {% block jsblock %}
    {% endblock %}
  </body>
</html>
Enable bootstrap tooltips on pageload
Enable bootstrap tooltips on pageload
