{% extends "body_base.html" %}

{% block main %}
    <div class="col-lg-10 col-sm-9 col-xs-7">
        <div id="content">
            {% block content %}{% endblock %}
        </div>
    </div>
    <div class="col-lg-2 col-sm-3 col-xs-5">
        <div id="right">
            {% block right %}{% endblock %}
        </div>
    </div>
{% endblock %}


{% extends "body_base.html" %}

{% block main %}
    <div class="col-lg-10 col-sm-9 col-md-7">
        <div id="content">
            {% block content %}{% endblock %}
        </div>
    </div>
    <div class="col-lg-2 col-sm-3 col-md-5">
        <div id="right">
            {% block right %}{% endblock %}
        </div>
    </div>
{% endblock %}


Make two col layout a one col layout on xs resolutions
Make two col layout a one col layout on xs resolutions
