How to make the right responsive layout with bootstrap?

Question

css

Recently, I began to wonder how to properly typeset on bootstrap and use a minimum of css media query. For example, a standard situation:
The designer gave the source code from Photoshop, in these source codes the bootstrap grid for MD devices is marked.
According to this grid and dimensions, I made up the whole thing and adjusted everything to the layout of the design. Everything is great.
Now we make the screen width 1199px, bootstrap throws styles for sm devices.
Now we need to somehow bring the site into a divine form from the screen width from 1199 to 992 pixels.
For example, in the header of the site, it is enough to make the site font smaller and reduce the indents a little, usually I would write my own media queries and override the required styles, but I want to make everything work proportionally and minimize these queries or refuse them altogether.

Answer 1

bootstrap throws styles for sm devices

And who forbids adding styles yourself? .col-md-10, .col-lg-10 etc.
If I'm not mistaken, then Bootstrap has something like that. Look. Otherwise, you will have to write everything with pens.