June 11, 2018 at 6:43 pm #272519
Good day everyone,
Hope you all are doing well.
I am building product grid page however i am facing some bootstrap grid issues.
Here is the example of my code https://codepen.io/romi/pen/mKmbPd
How do I make it align nicely, three product in one row?
Thanks in advanceJune 12, 2018 at 1:53 am #272526
You don’t have three products in each row…you have 12 products in a single wrapping row.
The issue is that because BS3 uses floats if the items aren’t all the same height you can get this stagger stepping since item 2 is taller than item 3 etc.
I’d suggest breaking the 1 row with 12 items into 4 rows of 3 each (oh, and you should be using a
.containerwrapping div as well) or updating to something that makes the items the same height like BS4 which uses flexbox.June 12, 2018 at 6:35 pm #272559
Thanks Paulie appreciated your advice I managed to solve the issuse using Flexbox approach.
You must be logged in to reply to this topic.