Repeat Row's instead of Column's..?..Need help

• adeelazad591

• October 27, 2019 at 9:00 pm

Hi everyone,
I am a UI developer, and very new in WordPress development!

Actually, I am using the ACF Repeater field, where I want to repeat Rows instead of Columns.
Let me explain with a real example:

<!– row-1 –>
<div class=”row”>
<div class=”col”></div>
<div class=”col”></div>
<div class=”col”></div>
</div>

<!– row-2 –>
<div class=”row”>
<div class=”col”></div>
<div class=”col”></div>
<div class=”col”></div>
</div>

<!– row-3 –>
<div class=”row”>
<div class=”col”></div>
<div class=”col”></div>
<div class=”col”></div>
</div>

and so on…

I want to achieve this output from ACF Repeater.

Let me share my existing code here:

<div class=”container”>
<div class=”row justify-content-around”>

<!– repeater-loop –>
<?php if (have_rows(‘kp_team_pakistan_boxes’)) : ?>

<?php while (have_rows(‘kp_team_pakistan_boxes’)) : the_row();

// vars
$team_member_image = get_sub_field(‘team_member_image’);
$team_member_name = get_sub_field(‘team_member_name’);
$team_member_designation = get_sub_field(‘team_member_designation’);

?>

<div class=”col-md-4 col-lg-4″ id=”total-col-<?php echo get_row_index(); ?>”>
<div class=”team-mem-box”>

” alt=”<?php echo $team_member_image[‘alt’] ?>” class=”img-fluid” />
<div class=”team-mem-detail yellow-bg-color text-center”>
<h2> <?php echo $team_member_name; ?> </h2>
<p> <?php echo $team_member_designation; ?> </p>
</div>

</div>
</div>

<?php endwhile; ?>

<?php endif; ?>
<!– repeater-loop –>

</div>
</div>

——————

I am very happy if someone helps me in this regard!
email: [email protected]