Hoe krijg ik per profiel een kader

Digi-Expert

Ik wil een overzicht hebben op mijn site:

PHP

<?php


	$limit=1;
	$stages = 7;


	$page = isset($_GET['page'])?mysql_escape_string($_GET['page']):0;
	$start = ($page !== 0)?($page - 1) * $limit:0;
	$targetpage =$page_type == 'index' ?  'dating':'dating-'.$page_type ;
	$sql = "SELECT *, DATE_FORMAT(FROM_DAYS(TO_DAYS(NOW())-TO_DAYS(birthdate)), '%Y')+0 as age from user_profiles a LEFT JOIN users b ON a.user_id = b.user_id ".$clause." order by rand() LIMIT ".$start.",".$limit;;
	$profiles = display($sql);
	$query = "SELECT count(*) as num  FROM `user_profiles` ".$clause;
	$paginate = paginate2($page, $stages, $limit, $targetpage, $query, $start);
	echo $profiles['thumbnail'] ;
	echo "<br>";

Meer tonen

Nu ben ik bezig om wat te bouwen in bootstrapp

Nu wil ik dus per profiel een Foto met naam tonen. En dan 4 naast elkaar en dan weer een nieuwe rij er onder.
Hoe kan ik dit het beste doen?

wimmpie

Ik zou het grid systeem van bootstrap gebruiken.
https://getbootstrap.com/examples/grid/
Geef elk profiel een col-md-3 class.
Elke div geef je een padding mee en daarin maak je dan een andere div met een border.
Daarin zet je dan de data...

Per 4 elementen moet je dan natuurlijk wel een "row" div gebruiken en de parent div moet een "container" div hebben.

Code

<div class="container">
   <div class="row">
      <div class="col-md-3" style="padding: 10px;">
         <div style="border 1px solid red;">
            <img src="url">
            Naam
         </div>
         <div style="border 1px solid red;">
            <img src="url">
            Naam
         </div>
         <div style="border 1px solid red;">
            <img src="url">
            Naam
         </div>
         <div style="border 1px solid red;">
            <img src="url">
            Naam
         </div>
      </div>
      <div class="col-md-3" style="padding: 10px;">
         <div style="border 1px solid red;">
            <img src="url">
            Naam
         </div>
         <div style="border 1px solid red;">
            <img src="url">
            Naam
         </div>
         <div style="border 1px solid red;">
            <img src="url">
            Naam
         </div>
         <div style="border 1px solid red;">
            <img src="url">
            Naam
         </div>
      </div>
   </div>
</div>

Meer tonen

Thisguyisgone

je moet niet per se een row hebben, je kan 20x een col geven van een -3 of een 4 grid.
En daar een while rond. Simpel

WHMCSAddons

HTML

<div class="container">
	<div class="row">


		<div class="col-md-3 col-sm-3 col-xs-12">
			<!-- Block 1 -->
		</div>


		<div class="col-md-3 col-sm-3 col-xs-12">
			<!-- Block 2 -->
		</div>


		<div class="col-md-3 col-sm-3 col-xs-12">
			<!-- Block 3 -->
		</div>


		<div class="col-md-3 col-sm-3 col-xs-12">
			<!-- Block 4 -->
		</div>


	</div>
</div>

Meer tonen

Denk ongeveer op deze manier, anders zou je het nog kunnen opzoeken of die responsive gezien ook goed gaat.

Thisguyisgone

Moet perfect werken @WHMCSAddons

FangorN

Ik heb een déjà vu. Zeer recent is er een soortgelijk topic geplaatst.

ICTscripters

Dé plek voor IT

Dé plek voor IT

[PROJECT] Gamekeuring.nl - Hét onafhankelijke keuringsplatform voor maffiagames & RPG's!

Ictscripters / Koen

🚀 WE ZOEKEN TESTERS! 🚀

Kweekrijk - van stekje tot Imperium

Crimora.nl

Programmeren geocht die samen met mij maffiaskrill.com

Gezocht mafiasnextkill

nieuwe game

402 Nieuwe Domeinnamen Augustus 2026

Ik verkoop maffiaskrill.com voor 30 eur0

Straatbaas.eu – complete Nederlandstalige en Engelstalige online maffia-RPG

Hoe krijg ik per profiel een kader

Participate now!

Functioneel ontwerp

Access Control List implementatie in PHP/MySQL - deel 1/2

Access Control List implementatie in PHP/MySQL - deel 2/2