Responsive bootstrap carousel multiple columns in item

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

Demo:
https://jsfiddle.net/L4bA8/

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

Answer

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:

http://www.bootply.com/132400