Laravel 6

Blade loop

Avatar de Clement04
Clement04

Bonjour :)

J'essayer d'afficher mes articles de cette manière:

Dans mon controller: $news = News::orderBy('id','desc')->limit(5)->get();

Dans mon home.blade

    @foreach($news as $new)
        @if($loop->first)
        <div class="col-md-6" style="background-image:url({{ $new->background }};height:300px;">
            <h2>{{ $new->title }}</h2>
            <div>
                <span class="text-white">19 décembre 2019</span>
            </div>
            <p>
                {{ $new->short_body}}
            </p>
        </div>
        @else
        <div class="col-md-2" style="background-image:url({{ $new->background }};height:50px;width:50px;">
            {{ $new->title }}
        </div>
        @endif
    @endforeach

Mon code j'aimerai qu'il génere ceci:

<div class="col-md-6" style="background-image:url(...);height:300px;">
            <h2>1er article</h2>
            <div>
                <span class="text-white">19 décembre 2019</span>
            </div>
            <p>
                ...
            </p>
 </div>
   <div class="col-md-2" style="background-image:url({{ $new->background }};height:50px;width:50px;">
            <li>
            2eme article
            </li>
             <li>
            3eme article
            </li>
                     <li>
            4eme article
            </li>
                      <li>
            5eme article
            </li>
        </div>

Merci de votre futur aide...

Posté il y a 7 mois
Avatar de michelange2008
michelange2008

Bonjour Clement,

Ton code m'a l'air correct (à part que je mettrais pas la date en dur... mais c'est du détail) ... qu'est-ce qu'il donne en réalité ?

Posté il y a 7 mois
Avatar de bestmomo
bestmomo

Salut,

Apparemment tu utilises Bootstrap. Pour la mise en forme avec deux colonnes comme tu veux il faut une structure différente. Regarde ce Fiddle.

Posté il y a 7 mois

Vous ne pouvez pas répondre à ce sujet.