Make collapsible component responsive

[Kopyov]

Not sure if that has been discussed already, but would be very handy to have collapsible component working on different breakpoints, similar to navbar collapse. Typical use case:

Card header has title on the left and button group and something else on the right. On mobile they move to the second line. But in certain cases elements don't fit on the second line and wrap to the third line. I want to be able to hide all right elements when they don't fit and show toggle button to keep the layout clean, and expand/collapse right aligned elements. If i understand correctly, it can be done with some extra CSS?