vincent marc villafuerte vincent marc villafuerte - 3 months ago 17
CSS Question

how can i make the bootstrap columns matchheights?

enter image description here

how can i make the bootstrap columns matchheihts without puting rows in every 3 columns, these columns are from the database that i php foreach so i cannot put row.

i used matchHeight but not working, is there any other alternative way?

$(function() {
$('.item').matchHeight(options);
byRow: byRow
});


assets/matcheight/jquery.matchHeight.js" type="text/javascript">

Answer

Use a flexbox to solve it. Apply this to your container:

.container {
  display: flex;
  flex-wrap: wrap;
}

Try this out and let me know if this works for you. Thanks!