Problem: Hi there. I’m trying to create a list page that displays all posts in rows with 2-3 responsive columns (using Bootstrap). When I manually create each post, it displays this way. However, when I use {{ range .Pages }}, it stacks.
Attempted solutions: I’ve tried altering the row and column classes to be different sizes. I’ve also tried copying and pasting the below snippet, which repeats all posts but arranges them in multiple columns.
I have not used Bootstrap before (I use Tailwind), but you need to make sure the {{ range .Pages }} and its closing {{ end }} tag are inside the parent class that houses the grid items. So, just a guess, move the two inside the first division and it closing end tag. If that doesn’t work, then move it just before and after the card class and its closing div tag.