Render an array in two columns (bootstrap grid)

result.html

<div class="row">
    <div class="info-block col-xs-12 col-sm-6">
        1
    </div>
    <div class="info-block col-xs-12 col-sm-6">
        2
    </div>
</div>
<div class="row">
    <div class="info-block col-xs-12 col-sm-6">
        3
    </div>
    <div class="info-block col-xs-12 col-sm-6">
        4
    </div>
</div>
<div class="row">
    <div class="info-block col-xs-12 col-sm-6">
        5
    </div>
    <div class="info-block col-xs-12 col-sm-6">
        6
    </div>
</div>
<div class="row">
    <div class="info-block col-xs-12 col-sm-6">
        7
    </div>
    <div class="info-block col-xs-12 col-sm-6">
        8
    </div>
</div>
<div class="row">
    <div class="info-block col-xs-12 col-sm-6">
        9
    </div>
</div>

screenshots.md

template.html

{% for item in '123456789' %}
    {% if forloop.first %}
<div class="row">
    {% endif %}
    <div class="info-block col-xs-12 col-sm-6">
        {{ item }}
    </div>
    {% if forloop.last %}
</div>
    {% else %}
        {% if forloop.counter|divisibleby:'2' %}
</div>
<div class="row">
        {% endif %}
    {% endif %}
{% endfor %}