Bootstrap mobile working as -Md

Question

I’m starting a project with bootstrap, but I can’t adjust the mobile.

            <div class="col-xs-12 col-lg-3 col-md-6 nopadding black appear ">
                <img src="img/portfolio/thumbnails/1.jpg" class="thumb">
            </div>

            <div class="col-xs-12 col-lg-3 col-md-6 nopadding black appear ">
                <img src="img/portfolio/thumbnails/1.jpg" class="thumb">
            </div>

            <div class="col-xs-12 col-lg-3 col-md-6 nopadding black appear ">
                <img src="img/portfolio/thumbnails/1.jpg" class="thumb">
            </div>

            <div class="col-xs-12 col-lg-3 col-md-6 nopadding black appear ">
                <img src="img/portfolio/thumbnails/1.jpg" class="thumb">
            </div>

The phone recognizes the -Md instead of the -Sm or the -Xs. I know because of the current resolution of the devices, but how can I solve this?

Answer 1

Which version of Bootstrap are you using ? because the latest versions (4) no longer have the "Xs" only "Sm" "Md" and "lg"

it is also important that these "col" Ivs are within a "Row" and tb of a "container" for example:

    <div class="container">
<div class="row">
<div class="col-sm-12"></div>
</div>
</div>

EDIT: Are you developing on a local server ? or is there a link for us to see the code ? is using a cell phone or Chrome inspection ?

EDIT 2: If it is working properly at inspecting it would be necessary to test on another mobile because maybe the error is occurring only on your mobile phone.