{% extends "template.html" %}
{% block template %}

<h2 id="page-title" class="page-header">
    {% if back_url %}
    <a href="{{back_url}}" class="btn btn-default">
        <span class="pull-left glyphicon glyphicon-chevron-left" style="font-size: 80%;"></span>
    </a>
    {% endif %}
    {% block title %}{% endblock %}
</h2>
<div class="row" {% if ng_app %}data-ng-app="{{ng_app}}"{% endif %}>
    <div class="col-sm-8" id="main-content">
        {% if messages and not no_messages %}
            {% for message in messages %}
                <div class="alert {% if message.tags == 'warning'%}alert-error{% elif message.tags == 'info' %}alert-info{% elif message.tags == 'success' %}alert-success{% endif %}">
                <a href="#" class="close extra-bold" data-dismiss="alert">&times;</a>
                {{message}}
                </div>
            {% endfor %}
        {% endif %}

        <div id="content">
        {% block content %}{% endblock %}
        </div>
    </div>
    <div class="col-sm-4" id="main-sidebar">
        {% block sidebar %}
        {% endblock %}
    </div>
</div>
{% endblock %}

{% extends "template.html" %}
{% block template %}

<h2 id="page-title" class="page-header">
    {% if back_url %}
    <a href="{{back_url}}" class="btn btn-default">
        <span class="pull-left glyphicon glyphicon-chevron-left" style="font-size: 80%;"></span>
    </a>
    {% endif %}
    {% block title %}{% endblock %}
</h2>
<div class="row" {% if ng_app %}data-ng-app="{{ng_app}}"{% endif %}>
    <div class="col-md-8" id="main-content">
        {% if messages and not no_messages %}
            {% for message in messages %}
                <div class="alert {% if message.tags == 'warning'%}alert-error{% elif message.tags == 'info' %}alert-info{% elif message.tags == 'success' %}alert-success{% endif %}">
                <a href="#" class="close extra-bold" data-dismiss="alert">&times;</a>
                {{message}}
                </div>
            {% endfor %}
        {% endif %}

        <div id="content">
        {% block content %}{% endblock %}
        </div>
    </div>
    <div class="col-md-4" id="main-sidebar">
        {% block sidebar %}
        {% endblock %}
    </div>
</div>
{% endblock %}

Fix breaking point of columns
Fix breaking point of columns
