on every third block ul tag will close and new tag open in php

<!DOCTYPE html>

<html lang="en">

<head>

  <title>Bootstrap Example</title>

  <meta charset="utf-8">

  <meta name="viewport" content="width=device-width, initial-scale=1">

  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

</head>

<body>

<div class="container">

  <h2>Basic List Group</h2>

<?php 

$products = array(1,2,3,4,5,6,7,8,9,10);

?>



<?php foreach ($products as $key => $prod) { ?>

<?php if( ($key+1)==1 || (($key+1)%3)==1 ) { ?>

<ul class="list-group">

<?php } ?>

<li class="list-group-item">First item</li>

<?php if( (($key+1)%3)==0 ){ ?>

</ul>

<?php } ?>

<?php } ?>


</div>

</body>

</html>

Leave a Reply

Your email address will not be published. Required fields are marked *