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

Beta-testers gezocht voor Crypto-oefenplatform

Na 15 jaar terug van weggeweest: iCriminals.nl is terug (BETA)!

Developer Gezocht

Op zoek naar de legends

[FREE] WeFact Hosting module

Help testers nodig voor android app Urgent

Versio vervanger

Afspraken systeem met planbeperking

350 Nieuwe Domeinnamen Januari 2026

321 Nieuwe Domeinnamen December 2025

Meerdere mafia game template te koop

Hoe krijg ik per profiel een kader

Participate now!

Fijne feestdagen

Kritieke update voor Really Simple Security-plug-in

ING Nederland streeft naar ondersteuning van Google Pay tegen eind februari

Functioneel ontwerp

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

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

Gebruikers die dit topic bekijken