Bootstrap mobile running as -md

0

I'm starting a project with bootstrap, but I can not 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 cell phone recognizes the -md instead of -sm or -xs. I know that because of the current resolution of the devices, but how can I solve this?

    
asked by anonymous 13.08.2018 / 14:24

1 answer

0

Which version of Bootstrap are you using? because the newer versions (4) no longer have the "xs" only "sm" "md" and "lg"

It is also important that these "col" divs are inside 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 does it have a link so we can see the code? are you using a cell phone or chrome inspection?

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

    
13.08.2018 / 16:59