Is it possible to change the number of columns in bootstrap 4 on phones and tablets only?

Question

Bootstrap

Good evening, I decided to master the bootstrap and make some complex layouts on it. I found 1 layout for 12 columns, set the maximum width of containers, indents through variables in SCSS, but got stuck in one place, starting with the permission for tablets, the number of columns changes from 12 to 6, I know that in bootstrap you can change the number using a variable in columns for all screens ($grid-column), but how to do this only for screens < 900px, for example, I can’t catch up. Can you tell me how real this is? If there is already an answer to this on the Internet, tell me how you found it, because I couldn’t google my question.

Answer 1

Can. Write something like class="lg-12 sm-4 xs-1"