Laravel: Klinge foreach-Schleife bootstrap-Spalten

Habe ich eine foreach-Schleife und innen mit html mit bootstrap Spalten.

@foreach($address as $add)
    <div class="col-md-6">
        Some data
    </div>
@endforeach

Jedoch, bootstrap benötigt die Zeile div vor dem erstellen der Spalten, die Platzierung, die gerade in der foreach-Schleife würde eine Zeile erstellen div für jedes col-md-6. Ich möchte wissen, wie ich werfen kann in der Zeile div, überspringen Sie die nächste Schleife zu werfen nur den schließenden div-tag. Und dann wiederholen Sie diesen Prozess.

Beispiel für die Ausgabe, wo die Schlaufen 4 mal:

<div class="row">
    <div class="col-md-6">
        Some data
    </div>
    <div class="col-md-6">
        Some data
    </div>
</div>
<div class="row">
    <div class="col-md-6">
        Some data
    </div>
    <div class="col-md-6">
        Some data
    </div>
</div>
InformationsquelleAutor Thomas Charlesworth | 2017-01-14
  1. 32

    Als alternative zu Alexey Mezenin die Antwort, die Sie nutzen könnten array_chunk statt. http://php.net/manual/en/function.array-chunk.php

    @foreach(array_chunk($address, 2) as $chunk)
    <div class="row">
        @foreach($chunk as $add)
            <div class="col-md-6">
                Some data
            </div>
        @endforeach
    </div>
@endforeach

    Ich persönlich finde, das die oben ein wenig mehr lesbar.

    Alternativ, wenn $address ist eine Sammlung, die Sie tun könnten $address->chunk(2) statt array_chunk($address, 2).

    Wenn Sie möchten, ändern Sie die Anzahl der Spalten, die Sie haben, würden Sie müssen einfach ändern Sie die 2 werden allerdings viele Spalten, die Sie wollen.

    Hoffe, das hilft!

    • Das ist ausgezeichnet! Dank
    • Dies ist ein eleganter Weg, es zu tun. Danke.
    • Excelent danke.
    • Du hast absolut Recht. Ich habe bereits, dass in meiner Antwort aber 😉
    • Sorry, ich hatte nicht gesehen, dass Teil. Ich war schon erstaunt von der Antwort so vergessen zu Lesen, der restliche Teil 🙂
    • Es ist in Ordnung. Ich wusste nicht, dass es dort sofort entweder 🙂

    InformationsquelleAutor Rwd
  2. 5

    Verwenden die $loop - Variablen:

    <div class="row">
    @foreach($address as $add)
        <div class="col-md-6">
            Some data
        </div>
        @if ($loop->iteration % 2 == 0)
            </div>
            <div class="row">
        @endif
    @endforeach
</div>
    • Meine ganze Website bricht und ich bekomme eine [Vue warnt]: Vorlagen, sollten nur die Verantwortung für die Zuordnung der Zustand der UI. Vermeiden Sie tags, die mit side-Effekte in Ihre Vorlagen, wie z.B. <script>.
    • Ich habe nicht irgendwelche tags wie <script>. Es ist standard-Blade-template-code. Bitte erläutern Sie, was wollen Sie erzählen?
    • Ich verließ die erste div-außerhalb der foreach-Schleife, ich weiß nicht warum, aber dies bewirkt, dass die Website zu brechen, zusammen mit dem vue Warnung. Vielen Dank für die Lösung!!!
    InformationsquelleAutor Alexey Mezenin
  3. 5

    Können Sie Laravel Stück in die blade-template.

    @foreach($products->chunk(3) as $items)
<div class="row">
   @foreach($items as $item)
   <div class="col-md-4 portfolio-item">
      <a href="#">
      <img class="img-responsive" src="{{ 'uploads/'.$item->product_image_url }}" alt="">
      </a>
      <h3>
         <a href="/view-product-details/{{ $item->id }}">{{ $item->product_name }}</a>
      </h3>
      <p>{{ str_limit($item->product_description, 121) }}</p>
   </div>
   @endforeach
</div>
@endforeach

    Kopiert aus dem Beitrag.

    InformationsquelleAutor Isuru
Schreibe einen Kommentar