How to set min-width for mobile in bootstrap without changing the initial scale?

Question

css

I'm using Bootstrap 3.
Asked

@media (max-width: 991px) {
    body {
        min-width:500px;
    }
}

And when I go in, my viewport is equal to the width of the device's screen, that is, it looks like this:

In the header is:

<meta name="viewport" content="width=device-width, initial-scale=1">

And Bootstrap does not recommend deleting it. I want the viewport to be full page. Tell me where to fix it?
UPD
Same question on stackoverflow