How can I change the number of columns that are in a row on different devices?

[justinlosh]

So in bootstrap, I can do something like

<div class="col-lg-4 col-md-3 col-sm-1"></div>

So that the number of columns in a row is different on different devices. How can I achieve this in the Pro theme in cornerstone?

[friech]

Hi There,

Thank you for writing in, in PRO / Cornerstone the stacking of columns in mobile view (767px and below) is automatic.

If you need more than 2 breaks like 4 columns then 2 columns then 1 column, you need to create a ROW for each and then utilize the Hide During Breakpoints option of those ROWs.

A section structure that looks like this.

Hope this shed some lights,
Cheers!