Row / 2 Columns / XS Inline renders other media SM, MD, LG useless

I want to use visible-xs-inline on a vcenter row with two columns so that the columns are laid out like rows, one under the other. This works.

But when doing so, the content is not shown for SM, MD or LG. If I enable visible-*-block for these the content shows. But then the column content is no longer vcenter which is not acceptable.

I don't know if this is a BSS issue, or a bootstrap issue or what to investigate at all. Any ideas?

Sounds like a Bootstrap limitation not an app issue or I can't really visualize what it is your really doing. But it's probably something that may be solved by using flexbox in your CSS.