Топ дня: ELEPHANT

Тема закрыта by DELETED
Причина: Решён

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

Вот разметка


<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

Вот скрин с ПК

Изображение

------
48834_15.png (26.6 Kb)
Скачиваний: 141

________
посл. ред. 24.08.2017 в 07:34; всего 1 раз(а); by PhpStorm

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

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

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

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

Изображение

------
48835_16.png (55.2 Kb)
Скачиваний: 159

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

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

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

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

shadrvlad,

вот как выглядит косяк у меня на смарте

Изображение

------
48836_2017082408_07_48.jpg (26.8 Kb)
Скачиваний: 147

________
посл. ред. 24.08.2017 в 08:11; всего 1 раз(а); by PhpStorm

PhpStorm,

Изображение

------
48837_Screenshot_20170824101758.png (27.5 Kb)
Скачиваний: 149