Javascript foreach循环动态数据中的备用图像/文本位置

因此，我使用bootstrap以平铺格式显示两块数据，我可以有一行的两部分。在本例中，右侧有一个图像，左侧有一个显示文本和按钮的div。我打算让偶数行的图像在左边，奇数行在右边。因此，基本上，图像总是位于文本的顶部和底部。每行中的div交替将被镜像

使用javascript、blade、php或css，我如何才能达到这种效果

@foreach ($offers as $offer)
    <div class="offersNew">
    <div class="row row-equal-height">
        <div class="col-md-6 paddedCol6">
            <div class="inner">
                <h2 class="centered marginTop0">{{ $offer->title or 'No title' }}</h2>
                <h3 class="sub-header centered">{{ $offer->sub_header or '' }}</h3>

                <p class="centered">
                    {{ mb_strimwidth(strip_tags($offer->homepage_description), 0, 200, '...') }}
                </p>

                <div class="callToAction">
                    <center>
                    <a href="/offer/{{ $offer->slug or $offer->id }}">
                        <button class="buttonOne"><p class="sub-header line0 margin1 white smallerText">&nbsp;&nbsp;Let&apos;s Go!&nbsp;&nbsp;</p></button>
                    </a>
                    <a href="/offer/{{ $offer->slug or $offer->id }}">
                        <button class="buttonTwo"><p class="sub-header line0 margin1 blue smallerText">Other Offers</p></button>
                    </a>
                    </center>
                </div>

                @if ($offer->countdown == 1)
                    <div class="row countdown" data-timer="{{ $offer->end }}">
                        <h2 class="sub-header centered">
                            <span class="blueText">OFFER END</span>
                            <span class="days">0</span>:
                            <span class="hours">0</span>:
                            <span class="minutes">0</span>:
                            <span id="seconds"></span>
                            <span id="offerEndtime">0</span>
                        </h2>
                    </div>
                @endif

            </div>
        </div>
        <div class="col-md-6 main-background hidden-sm hidden-xs max400" style="background-image:url('{{ $offer->image or '' }}')">

        </div>
    </div>
</div>
@endforeach

@foreach（$offers as$offer）
{{$offer->标题或“无标题”}
{{$offer->sub_头或'}}

{{mb_strimwidth（strip_标签（$offer->homepage_description），0200，“…”）}

@如果（$offer->倒计时==1）
报盘结束
0:
0:
0:
0
@恩迪夫
@endforeach

添加计数变量并使用模数进行替换

$count = 0;

foreach($offers as $offer){
    if($count % 2 == 0){
        // show variation 1
    }else{
        // show variation 2
    }
    $count++;
}