fila de arranque de contador de bucle php

Question

Mar 21, 2015, 01:28 PM

foreach twitter-bootstrap dynamic-columns php

fila de arranque de contador de bucle php

He visto muchas soluciones aquí en Stack, pero ninguna parece funcionar para mí, así que estoy tratando de escribirla en base a lo que estoy viendo hacer a otros.

Soy capaz de contar las columnas y comenzar la nueva fila, pero el problema es que, al hacerlo en un foreach (obteniendo datos de DB) ahora colocará cada entrada de DB 4 veces-> cerrar la fila; comience una nueva fila-> y muestre la segunda entrada del DB 4 veces-> cierre la fila; comienza una nueva fila-> y muestra la tercera entrada de DB 4 veces, y así sucesivamente ...(mi código está en la parte inferior de esta publicación)

Entonces, ahora este código muestra elementos como:

col-md3(item1)  | col-md3(item1)  |  col-md3(item1)  | col-md3(item1)
col-md3(item2)  | col-md3(item2)  |  col-md3(item2)  | col-md3(item2)
....
....

Sin embargo, quiero que se muestre como:

col-md3(item1)  | col-md3(item2) | col-md3(item3) | col-md3(item4)
col-md3(item5)  | col-md3(item6) | col-md3(item7) | col-md3(item8)
....            |  ...           |  ....          |  ....
....

Mi código ahora mismo:

foreach($data as $row) {
    echo '<div class="row">';
    for ($i=0; $i<4;$i++){
        if ($i%4 == 0 && $i != 0){
            echo '</div><div class="row">';
        }
        echo '<div class="col-md-3">';
        ?>
        <!-- Ecommerce UI #2 -->
            <div class="ecom-ui ecom-ui-two">
                <div class="img-container">
                    <!-- Product Image -->
                    <a href="#"><img class="img-responsive" src="img/product/<?php echo $row[thumbimage]; ?>" alt="" /></a>
                </div>
                <!-- product details -->
                <div class="product-details">
                    <!-- product title -->
                    <h4><a href="#"><?php echo $row[name]; ?></a> <span class="color pull-right">€<?php echo $row[price]; ?></span></h4>
                    <div class="clearfix"></div>
                    <p>Lorem Ipsum is simply dummy text of printing the printing industry.</p>
                    <!-- Price -->
                    <div>
                        <span class="cart"><a href="#">Add to cart</a></span>
                        <!-- Media icon -->
                        <span class="p-media pull-right">
                            <a href="#" class="b-tooltip" data-placement="top" title="21"><i class="fa fa-heart red"></i></a>
                            <a href="#" class="b-tooltip" data-placement="top" title="49"><i class="fa fa-share-alt red"></i></a>
                            <a href="#" class="b-tooltip" data-placement="top" title="35"><i class="fa fa-thumbs-up red"></i></a>
                        </span>
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
            <!-- Ecommerce UI #2 -->
            <?php
         echo'</div>';
     }
     echo '</div><br />';
 }