Na twee regels afbreken
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
2
3
4
5
6
7
8
9
10
11
12
13
$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";
}
$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:
Code (php)
1
2
3
4
5
6
2
3
4
5
6
<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>
<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>
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<?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";
}
?>
$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";
}
?>
Gewijzigd op 17/05/2017 13:28:34 door Marlies Maalderink
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?
Ik heb overigens mijn code aangepast want die had in de praktijk sowieso niet gewerkt, was al laat gisteren (voor mijn doen ;) )