Flexible layouts are handy, but I can not somehow find how do I configure bootstrap classes properly for them.
I have a row with 2 columns (regions), each has col-md-6 class (50 percent width), which is fine, but on mobile devices / smartphones I am unable to set it to have col-xs-12 for example, if I want for columns to be under each other full width.
Currently only solution is probably rewriting bootstrap classes in theme by hand, like setting media query to max-width 768 or so and place all the bootstrap classes with with: 100%, which seems to be overkill when bootstrap itself has a way of doing this.
Maybe I am just missing something?
Also my previous thread / issue with setting custom classes for regions should probably solve this issue, but it would be wise to have it somewhere where regions are created / configured for flexible layouts.
Thanks in advance for any advices! Community for backdrop rocks!