{% load bootstrap3 %}

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>{% block title %}My Site{% endblock %}</title>
    {% bootstrap_css %}
    {% block extra_head %}{% endblock %}
  </head>

  <body>

    <div class="container">

    <!-- Static navbar -->
        <div class="navbar navbar-default" role="navigation">
            <div class="container-fluid">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="#">Django Pre Post</a>
                </div>
            </div><!--/.container-fluid -->
        </div>

        <div class="page-header">
            {% block page-header %}{% endblock %}
        </div>

        <div class="alerts">
            {% bootstrap_messages %}
        </div>
        <div class="container">
            {% block content %}{% endblock %}
        </div> <!-- /container -->

    </div>

    {% bootstrap_javascript jquery=True %}

    {% block js %}
    {% endblock %}
  </body>
</html>
