Ik probeer een overzicht te maken van leden die na twee leden een regel break moet geven, alleen weet ik niet goed hoe ik dat moet doen?! Dus het moet zoals bootstrap een <div class="row"></row>.


$sql = "SELECT id, voornaam, achternaam FROM leden";
$result = $conn->query($sql);

if ($result->num_rows > 0) {
    // output data of each row
    while($row = $result->fetch_assoc()) {

     echo '<div class="col-md-2"><img src=""></div>
     echo '<div class="col-md-4">'. $row["voornaam"].' '. $row["achernaam"].'</div>';
    }
} else {
    echo "0 results";
}


Eigenlijk moet het er dan zo uitzien:


<div class="row">
  <div class="col-md-2"><img src=""></div>
  <div class="col-md-4">Pieter de Vries</div>
  <div class="col-md-2"><img src=""></div>
  <div class="col-md-4">Jan Kees</div>
</div>
Dan kun je zoiets doen:


<?php
$sql = "SELECT id, voornaam, achternaam FROM leden";
$result = $conn->query($sql);

if ($result->num_rows > 0) {

    //stel een variabele in om tegen te testen
    $i = 0;
    //open de eerste row 
    echo '<div class="row">';

    // output data of each row
    while($row = $result->fetch_assoc()) {

        echo '<div class="col-md-2"><img src=""></div>';
        echo '<div class="col-md-4">'. $row["voornaam"].' '. $row["achernaam"].'</div>';

	//als $i 1 is begin je een nieuwe row
	if( $i == 1 ){     
	  echo '</div>';
          echo '<div class="row">';
	}

	//verhoog $i met 1
	i++

	//als $i hoger is dan 1 zet je hem weer op 0. 
	//wil je bijvoorbeeld 4 resultaten binnen de row ipv 2, kun je deze op > 3 zetten
	if( $i > 1 ){ $i = 0; }

	
    }
   //sluit de laatste row
   echo '</div>';
} else {
    echo "0 results";
} 

?>
Een vergelijkbaar verhaal op http://www.pfz.nl/wiki/resultaat-in-meerdere-kolommen-laten-zien/
Je moet dan even de <table> vervangen door jouw Bootstrap benadering.

Resetten van de teller is niet nodig, als je de mod operator gebruikt (%)

Eventueel kan het ook via CSS. (onderste stukje van mijn link)
En volgens mij lost bootrap dat ook op zo'n manier op: als je aan md-12 zit (2+4+2+4) dan gaat hij toch verder op de volgende regel?
Wat Ivo zegt.

Ik heb overigens mijn code aangepast want die had in de praktijk sowieso niet gewerkt, was al laat gisteren (voor mijn doen ;) )

Reageren