html - How to get current and next item per loop of row in Jinja2?

Question

A given list of number ranged from 0 to 10, I want to loop through them to get both current item and the next item per loop to get the result in :

0   1
2   3
4   5
6   7
8   9
10

And here I tried but it does not resulted like above.

{% for item in range(11) %}
    <div class="row">
            <div class="col-6 bg-{{loop.cycle('dark text-light','light text-dark')}} p-3">{{item}}</div>
        

        {% if loop.nextitem is defined %}
        
            <div class="col-6 bg-{{loop.cycle('dark text-light','light text-dark')}} p-3">{{loop.nextitem}}</div>

        {% endif %}
    </div>
{% endfor %}

But what I currently get is:

0   1
1   2
2   3
3   4
4   5
5   6
6   7
7   8
8   9
9   10
10

which it repeatedly the number from the 2nd row. Thanks

question from:https://stackoverflow.com/questions/65903501/how-to-get-current-and-next-item-per-loop-of-row-in-jinja2

Answer 1

Waitting for answers