Bootstrap modulo

Ajme ovo me zeza nevjerojatno. Guglam razna rješenja no sve mi se čini nešto komplicirano i ne uspijeva mi ta najjobičnija stvar. Kako koristiti modulo operator da započne row i da ga završi tako da budu 4 stupca?

<div class="row">
	<div class="col-md-3" style="border: 1px solid black">
		Stupac 1
	</div>
	<div class="col-md-3" style="border: 1px solid black">
		Stupac 2
	</div>
	<div class="col-md-3" style="border: 1px solid black">
		Stupac 3
	</div>
	<div class="col-md-3" style="border: 1px solid black">
		Stupac 2
	</div>
</div>

Trebao bi nešto jednostavno da se ne izgubim kad slažem uz svoj kod, ako ga ogolim ovako je

<?php if ($i % 4 == 0) :  ?>
	<div class="row">
<?php endif; ?>

	<div class="col-md-3" style="border: 1px solid black">
		<?php echo $i; ?>
	</div>

<?php if(++$i % 4 == 0) : ?>
	</div>
<?php endif; ?>
<div class="row">
<?php for($i = 1; $i <= 6; $i++): ?>
	<div class="col-md-3" style="border: 1px solid black">
		<?php echo $i; ?>
	</div>
	<?php if ($i % 4 == 0) :  ?>
</div>
<div class="row">
	<?php endif; ?>	
<?php endfor; ?>
</div>

Hvala na pomoći, ali zašto $i <= 6?
Radi ako to promijenim u 4, no tada se između svakog normalnog reda pojavi još jedan red koji nema kolumne u sebi

6 je samo primjer, nisam znao koliko imas elemenata za prikaz.

Mozes provjeriti da li je zadnji red, pa preskociti ispis.

<div class="row">
<?php for($i = 1; $i <= 4; $i++): ?>
	<div class="col-md-3" style="border: 1px solid black">
		<?php echo $i; ?>
	</div>
	<?php if ($i < 4 && $i % 4 == 0) :  ?>
</div>
<div class="row">
	<?php endif; ?>	
<?php endfor; ?>
</div>

Ovo načelno radi za layout, ali s obzirom da je tu for petlja ponavlja se ono što je u stupcu toliko puta…


Copyright © 2020 WM Forum - AboutContact - Sponsored by: Mydataknox & Profit Monkey