Ik ben bezig met overzicht van artikelen en werk dan ook deels met bootstrap. Nu wil drie artikelen op een rij en dan de volgende regel. Qua html code ziet het er zo uit:


<div class="row">
  <div class="col-md-4">artikel</div>
  <div class="col-md-4">artikel</div>
  <div class="col-md-4">artikel</div>
</div>


En dan komt de volgende regel. Alleen weet ik niet goed hoe hij na drie producten de regel sluit met [/div] en dan opnieuw begint.



while ($row3 = mysql_fetch_array($resultaat3)) 
echo '<div class="row">';
{
  echo '<div class="col-md-4">'.$row3['product_titel'].'</div>';
}
</div>
Zoiets.
<?php
$currentResult = 1;
$printOpeningTag = true;
while ($row3 = mysql_fetch_array($resultaat3)) {
    // start of block?
    if ($printOpeningTag) {
        ?><div class="row"><?php
        $printOpeningTag = false;
    }

    // print current item
    ?><div class="col-md-4"><?php echo $row3['product_titel'] ?></div><?php

    // end of block?
    if ($currentResult % 3 == 0) {
        // close block
        ?></div><?php
        // if we have more results, a new block will be opened in the next while iteration
        $printOpeningTag = true;
    }
    $currentResult++;
}
// close block (happens if number of results is not a multiple of 3)
if ($printOpeningTag === false) {
    ?></div><?php
}
?>

Als het laatste div "blok" aangevuld moet worden met lege divs wanneer het aantal resultaten geen veelvoud van 3 is moet er nog wat code bij uiteraard.
Met bootstrap kan het volgens mij ook simpeler, door na elke 3e artikel een <div class="clearfix"> </div> toe te voegen.


<div class="row">
  <div class="col-md-4">artikel</div>
  <div class="col-md-4">artikel</div>
  <div class="col-md-4">artikel</div>
  <div class="clearfix"> </div>
  <div class="col-md-4">artikel</div>
  <div class="col-md-4">artikel</div>
  <div class="col-md-4">artikel</div>
</div>


In php kan dit bijv met (ik ge/misbruik hier even Thomas zijn code):

  <div class="row">
<?php
$currentResult = 0;
while ($row3 = mysql_fetch_array($resultaat3)) {
    $currentResult++;
    // print current item
    ?><div class="col-md-4"><?php echo $row3['product_titel'] ?></div><?php

    // end of block?
    if ($currentResult % 3 == 0) {
        // close block
        ?><div class="clearfix"> </div><?php
    }
}

?>
  </div>

Reageren