foreach在奇怪的地方使用模运算符输出

Question

我有这段代码：

<?php $manufactors = $this->getLayout()->createBlock('cms/block')->setBlockId('hersteller_logos')->toHtml(); ?>
<?php $manufactors = str_replace("<br />", "|", nl2br($manufactors)); ?>
<?php $manufactors = str_replace("<img", "<img class=\"img-responsive\"", $manufactors); ?>
<?php $manufactors = str_replace(array("\n", "\r"), '', $manufactors); ?>
<?php $manufactors = str_replace(" |", "|", $manufactors); ?>
<?php $_manufactors = explode("|", $manufactors); ?>

<?php $manuSize = count($_manufactors); ?>
<?php if($manuSize > 0): ?>
<section class="hidden-xs">
    <div id="manufactors-featured" class="carousel slide panel panel-default" style="min-height: 300px;">
        <div class="carousel-inner">
            <?php $_columnCount = 4; ?>
            <?php $x = 0; ?>
            <?php foreach($_manufactors as $item): ?>
                    <?php if($x++%$_columnCount==0): ?>
                        <div class="item <?php if($x-1 == 0): echo 'active'; endif; ?>">
                            <div class="row">
                    <?php endif; ?>
                            <div class="col-md-3">
                                <?php echo $item; ?>
                            </div>
                    <?php if($x%$_columnCount === 0 || $x === $_collectionSize): ?>
                            </div>
                        </div>
                    <?php endif; ?>
            <?php endforeach; ?>
        </div>          
            <a class="left carousel-control" href="#manufactors-featured" data-slide="prev"><span class="icon-prev"></span></a>
            <a class="right carousel-control" href="#manufactors-featured" data-slide="next"><span class="icon-next"></span></a>
    </div>
</section>
<?php endif; ?>

请求的字符串包含以下内容：

<p><img src="{{media url="wysiwyg/350px.png"}}" alt="" /></p>
<p><img src="{{media url="wysiwyg/350px.png"}}" alt="" /></p>
<p><img src="{{media url="wysiwyg/350px.png"}}" alt="" /></p>
<p><img src="{{media url="wysiwyg/350px.png"}}" alt="" /></p>
<p><img src="{{media url="wysiwyg/350px.png"}}" alt="" /></p>
<p><img src="{{media url="wysiwyg/350px.png"}}" alt="" /></p>
<p><img src="{{media url="wysiwyg/350px.png"}}" alt="" /></p>
<p><img src="{{media url="wysiwyg/350px.png"}}" alt="" /></p>
<p><img src="{{media url="wysiwyg/350px.png"}}" alt="" /></p>
<p><img src="{{media url="wysiwyg/350px.png"}}" alt="" /></p>
<p><img src="{{media url="wysiwyg/350px.png"}}" alt="" /></p>
<p><img src="{{media url="wysiwyg/350px.png"}}" alt="" /></p>
<p><img src="{{media url="wysiwyg/350px.png"}}" alt="" /></p>
<p><img src="{{media url="wysiwyg/350px.png"}}" alt="" /></p>
<p><img src="{{media url="wysiwyg/350px.png"}}" alt="" /></p>
<p><img src="{{media url="wysiwyg/350px.png"}}" alt="" /></p>
<p><img src="{{media url="wysiwyg/350px.png"}}" alt="" /></p>
<p><img src="{{media url="wysiwyg/350px.png"}}" alt="" /></p>
<p><img src="{{media url="wysiwyg/350px.png"}}" alt="" /></p>
<p><img src="{{media url="wysiwyg/350px.png"}}" alt="" /></p>
<p><img src="{{media url="wysiwyg/350px.png"}}" alt="" /></p>
<p><img src="{{media url="wysiwyg/350px.png"}}" alt="" /></p>
<p><img src="{{media url="wysiwyg/350px.png"}}" alt="" /></p>
<p><img src="{{media url="wysiwyg/350px.png"}}" alt="" /></p>
<p><img src="{{media url="wysiwyg/350px.png"}}" alt="" /></p>
<p><img src="{{media url="wysiwyg/350px.png"}}" alt="" /></p>
<p><img src="{{media url="wysiwyg/350px.png"}}" alt="" /></p>
<p><img src="{{media url="wysiwyg/350px.png"}}" alt="" /></p>
<p><img src="{{media url="wysiwyg/350px.png"}}" alt="" /></p>
<p><img src="{{media url="wysiwyg/350px.png"}}" alt="" /></p>

我希望输出能够将这4行中的每4行放入div.item＆gt; div.row - 但是第一个div.item＆gt; div.row只包含一个col-md-3，其他3个删除在div.item＆gt;下面。 div.row元素。

输出如下：

<section class="hidden-xs">
        <div id="manufactors-featured" class="carousel slide panel panel-default" style="min-height: 300px;">
            <div class="carousel-inner">
                <div class="item active">
                    <div class="row">
                        <div class="col-md-3">
                            <p><img class="img-responsive" src="localhost/media/wysiwyg/350px.png" alt=""></p>
                        </div>
                    </div>
                </div>

                <div class="col-md-3">
                    <p><img class="img-responsive" src="localhost/media/wysiwyg/350px.png" alt=""></p>
                </div>

                <div class="col-md-3">
                    <p><img class="img-responsive" src="localhost/media/wysiwyg/350px.png" alt=""></p>
                </div>

                <div class="col-md-3">
                    <p><img class="img-responsive" src="localhost/media/wysiwyg/350px.png" alt=""></p>
                </div>
            </div>
        </div>

        <div class="item ">
            <div class="row">
                <div class="col-md-3">
                    <p><img class="img-responsive" src="localhost/media/wysiwyg/350px.png" alt=""></p>
                </div>

                <div class="col-md-3">
                    <p><img class="img-responsive" src="localhost/media/wysiwyg/350px.png" alt=""></p>
                </div>

                <div class="col-md-3">
                    <p><img class="img-responsive" src="localhost/media/wysiwyg/350px.png" alt=""></p>
                </div>

                <div class="col-md-3">
                    <p><img class="img-responsive" src="localhost/media/wysiwyg/350px.png" alt=""></p>
                </div>
            </div>
        </div>

...

我到底做错了什么？以下是前端输出的屏幕截图：