Responsive bootstrap carousel multiple columns in item

I was wondering how to achieve responsive layout with bootstrap carousel with multiple columns in each item.


On mobile I need all columns to slide, but there can be only one column per item.


I think this isnt a thing doable with bootstrap only, you have to write some custom javascript. I am facing the same issue and i found this Bootply that may help you as it helped me: