Кто-то может пояснить, что за косяки?

Вот разметка


<div class="container-fluid">
<div class="row text-center">
<div class="col-3 bg-success">
1
</div>
<div class="col-3 bg-danger">
2
</div>
<div class="col-3 bg-warning">
3
</div>
<div class="col-3 bg-info">
4
</div>
</div>
</div>


На мобиле всё как на ПК только в столбик слева по экрану на ширину col-3

Вот скрин с ПК
________
посл. ред. 24.08.2017 в 07:34; всего 1 раз(а); by PhpStorm

PhpStorm , так где сетка под устройства? xs sm и тд?

В 4 версии нет xs (менее 576px), вместо неё юзается просто col-размер

короче онлайн сервис показывает что на мобиле 320px всё нормально, а у меня мобила 320х800 показывает блоки в столбик по зелёным все остальные слева

вот скрин сервиса, типа всё нормально

PhpStorm , https://itchief.ru/lessons/bootstrap-3/bootstrap-4-grid-system

да мне это не нужно, я в bs шарю, просто есть другой сайт, там такая же разметка и всё нормально, а тут с нуля и сразу косяки

PhpStorm , ну значит не такая же

мля я уже и тело на заводские скинул всё равно в столбик - короче похоже смарт навернулся

shadrvlad ,

вот как выглядит косяк у меня на смарте
________
посл. ред. 24.08.2017 в 08:11; всего 1 раз(а); by PhpStorm

PhpStorm ,