0

Tenho este código que traz algumas imagens do Instagram, quero que fique 3 fotos por row (linha);

Depois se houver mais de 3, cria outra row.

meu codigo:

<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>

Só que quando eu faço isso, apenas buga, e fica tudo assim:

inserir a descrição da imagem aqui

o que estou fazendo de errado ?

1 Resposta 1

1

A tag <img> do seu código está sem fechamento. Acrescente um > no final que irá ficar assim:

echo '<img src="' . $return_user_insta->display_url . '" class="img-fluid">';
4
  • Eita.. que absurdo, falta de atenção... mas obrigado assim que der o tempo eu marco como resolvido ok?
    – Banks
    9/04/2019 às 22:42
  • 1
    Falta de atenção acontece muito. Coisas simples assim podem causar um problema que você quase não consegue resolver... 9/04/2019 às 22:43
  • Outra coisa, aproveitando o post... o Bootstrap tem como configurar pra deixar algumas imagens ativas só em celular? sou novo com bootstrap
    – Banks
    9/04/2019 às 22:46
  • 1
    O boootstrap é para deixar o conteúdo responsivo em diversas resoluções... Se você quiser fazer com que a imagem apareça apenas no celular você deve criar uma classe e aplicá-la a propriedade @media (CSS) nela e fazer com que o estilo da classe se aplique apenas a determinado tamanho a resolução de tela 9/04/2019 às 22:53

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .