How to add dynamic class in li element? Need to add dynamic class in li element of below code like dymanic democlass1,democlass2...... so-on in loop.

 &lt;div class="rrssb"&gt;
 {% if prefix_text %}
 &lt;div class="rrssb-prefix"&gt;{{ prefix_text }}&lt;/div&gt;
 {% endif %}
 &lt;ul class="rrssb-buttons"&gt;
{% for button in buttons %}
  &lt;li class="rrssb-{{ button.name }}"&gt;
    &lt;a href="{{ button.link }}" {{ button.class | raw }}&gt;
      &lt;span class="rrssb-icon"&gt;{{ button.svg | raw }}&lt;/span&gt;
      &lt;span class="rrssb-text"&gt;{{ button.text }}&lt;/span&gt;
    &lt;/a&gt;
  &lt;/li&gt;
{% endfor %}
You can use 

{{ loop.index }}


this will count up each time it goes through the loop