Hello,
I have followed the portfolilo part of the tutorial and have cloned the page, made the list view page etc. What I am stuck with is trying to get each list item to show in a row of 3, then start a new row etc.
I am using Bootstrap grid method for this - at the moment each new item is being posted underneath the last (as shown in attached screenshot).
Below is my code:
Any help to get these list items into rows of 3 would be great.
Thanks
I have followed the portfolilo part of the tutorial and have cloned the page, made the list view page etc. What I am stuck with is trying to get each list item to show in a row of 3, then start a new row etc.
I am using Bootstrap grid method for this - at the moment each new item is being posted underneath the last (as shown in attached screenshot).
Below is my code:
- Code: Select all
<div class="container">
<cms:pages masterpage='in_training.php'>
<div class="row">
<div class="col-lg-4 col-sm-6 portfolio-item float <cms:zebra 'alpha' '' 'omega' />">
<div class="card h-100">
<img class="card-img-top" src="" alt="">
<div class="card-body">
<h4 class="card-title">
<cms:show k_page_title />
</h4>
<p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet numquam aspernatur eum quasi sapiente nesciunt? Voluptatibus sit, repellat sequi itaque deserunt, dolores in, nesciunt, illum tempora ex quae? Nihil, dolorem!</p>
</div>
</div>
</div>
</div>
</cms:pages>
</div>
Any help to get these list items into rows of 3 would be great.
Thanks