{# Based on http://getbootstrap.com/examples/dashboard/ #}
{% extends 'base.html' %}

{% load bootstrap3 %}
{% load i18n %}

{% block main %}
    <div class="row">
        <div class="col-sm-3 col-md-2 sidebar">
            {% block sidebar %}
            <ul class="nav nav-sidebar">
                <li><a href="" title="test">test</a></li>
                <li><a href="" title="test">test2</a></li>
                <li><a href="" title="test">test3</a></li>
            </ul>
            {% endblock %}
        </div>
        <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 content">
            {% bootstrap_messages %}
            {% block content %}(no content){% endblock %}
        </div>
    </div>
{% endblock %}

{# Based on http://getbootstrap.com/examples/dashboard/ #}
{% extends 'base.html' %}

{% load bootstrap3 %}
{% load i18n %}

{% block main %}
    <div class="row">
        <aside class="col-sm-3 col-md-2 sidebar">
            {% block sidebar %}
            <ul class="nav nav-sidebar">
                <li><a href="" title="test">test</a></li>
                <li><a href="" title="test">test2</a></li>
                <li><a href="" title="test">test3</a></li>
            </ul>
            {% endblock %}
        </aside>
        <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 content">
            {% bootstrap_messages %}
            {% block content %}(no content){% endblock %}
        </div>
    </div>
{% endblock %}

Make the sidebar an HTML5 <aside> instead of <div>.
Make the sidebar an HTML5 <aside> instead of <div>.
