Some wrong with canvas tags in the index.html weather part when I use for loop in django

[jiufenfan]

I am trying to rewrite the index.html with Django to construct my website . However When applying {%for %} to ,only two of the weather images showed in the page(should be five ).Here is my code in image：

{% for forecast in forecasts %}

              <div class="col-sm-2">
                <div class="daily-weather">
                  <h2 class="day">{{forecast|get_item:'date'}}</h2>
                  <h3 class="degrees">{{forecast|get_item:'high'}}</h3>
                  <canvas id="{{forecast|get_item:'type'}}" width="32" height="32"></canvas>
                  <h5>{{forecast|get_item:'fengxiang'}}</h5>
                </div>
              </div>
             {% endfor %}
             
              <div class="clearfix"></div>
            </div>