php loop of images with bootstrap

Question

I have this code that brings some Instagram images, I want to stay 3 photos by row (line);

Then if there are more than 3, create another Row.

my code:

<div class="row">
                      <?php foreach ($insta_user->edge_owner_to_timeline_media->edges as $value): ?>
                      <div class="col-md-4">
                      <?php
                      $return_user_insta = (object) [
                        'id'          => $value->node->id,
                        'display_url' => $value->node->display_url
                      ];
                      echo '<img src="' . $return_user_insta->display_url . '" class="img-fluid"';
                      ?>
                      </div>
                      <?php endforeach ?>
                    </div>

It’s just that when I do that, it just sucks, and it’s like this:

what I’m doing wrong ?

Answer 1

The tag <img> of your code is not closed. Add a > at the end that will stay like this:

echo '<img src="' . $return_user_insta->display_url . '" class="img-fluid">';