My Bootstrap 4 responsive column layout not working

Question

So I made a very simple responsive website layout using Bootstrap 4 so according to the code the no of columns should become 4 when it enters tablet mode ie when the viewport is

Answer 1

You are using col-lg-2 col-md-3 col-sm-12 classes if you want same view to mobile devices too just use col, like col-3. if you want full width for smallest devices use col-xs-12 it is not important, default is col-xs-12 you can change it col-xs-6 something like that.