With normal resolution Rather, it works, but not as much as I would like.
I ask the blocks that stand in .row classes:
1) .col-xs-12 .col-md-4
2) .col-xs-12 .col-md-6 .col-md-offset-2
When scaling a page, the blocks are lined up in a column and occupy the entire width, but when I open the developer panel and select a smartphone, they simply shrink.

What's wrong? At reduced resolution

  • one
    What version of bootstrap are you using? - Excess Gophers
  • Scaling is completely different, it is not a media query for which the bootstrap is built. Without code, nothing more can be said. Where exactly and why you look without the screenshots accompanying, too, you can only guess. Add a minimal reproducible code sample , attach screenshots, describe more specifically what and at what resolution and at what scale (and these are 2 different things) you want to see - kizoso
  • Combinations of scaling and different sizes can give completely unexpected options. Do you remove scaling when you open the developer panel? also matters - kizoso
  • one
    @kizoso Added pictures, there are two blocks with classes at normal and reduced resolution - Sergey
  • one
    How about building a grid based on the bootstrap documentation. container> row> col - E_K

0