You would have to manually create 3 column divs and make three loops that go through 1-20, 21-35, 36-50.
Depending on your templating engine (twig? underscore? ejs?), it should look like this algorithm:
<div class="column">
{% for (i=1; i<20; i++) { %}
<p>
...
{{ states[i].0 }} - {{ states[i].1 }}
...
</p>
{% } %}
</div>
<div class="column">
{% for (i=21; i<35; i++) { %}
<p>
...
{{ states[i].0 }} - {{ states[i].1 }}
...
</p>
{% } %}
</div>
<div class="column">
{% for (i=36; i<50; i++) { %}
<p>
...
{{ states[i].0 }} - {{ states[i].1 }}
...
</p>
{% } %}
</div>
Using bootstrap you should perhaps use a span4
instead of the column
class in my case
Alternatively, a ninja could put all three loops into a single nested loops, the outer loop just changes the values that i
iterates through.