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>";

Toon Meer

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>

Toon Meer

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>

Toon Meer

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

Fallen Kingdom Game

Crimora.nl

RPG game gebouwd met AI

(Verkoop) Criminals

Het Grote Vibe Code Topic

Ictscripters Chat

Het oorspronkelijke Criminals Script

StraatBaas is back, maar hoe?!

303 Nieuwe Domeinnamen Juli 2026

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

306 Nieuwe Domeinnamen Juni 2026

Hoe krijg ik per profiel een kader

Participate now!

Quanscient ontvangt €10M om AI- en kwantum-native hardware engineering te bevorderen - Tech.eu

Datalek bij leverancier Canvas - Universiteit van Amsterdam

Data privacy in 2026: Hoe de naleving van GDPR verandert

Functioneel ontwerp

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

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