Не работает класс «col» в мобильных браузерах, в чем причина?

Question

[Антон Дьяков]

Необходимо сделать 8 колонок, использую bootstrap 4, код - div.row>div.col*8
В браузере все срабатывает как нужно, в инструментах разработки в мобильном просмотрщике тоже все в порядке, но в сафари, фаерфоксе на 5 айфоне все в одну строку. Помогите разобраться.
Тег viewport присутствует.

Comments

[sergski]

используйте префикс -webkit
display: -webkit-flex;

[Антон Дьяков]

sergski, пробовал добавлять и в .col и в дочерние элементы, не работает. Может глянете? komputernaya.xyz/test

[sergski]

killcomp, в 5 сафари так должно работать: -webkit-flex-wrap: wrap; display: -webkit-flex;

[Антон Дьяков]

sergski, неа не работает, неужели нельзя в бутстрапе 8 колонок сделать?

[sergski]

killcomp, можно сколько угодно сделать, у вас же вопрос почему в одну строку в 5 сафари, правильно понимаю?

[Антон Дьяков]

sergski, да правильно

[sergski]

killcomp, можно все-таки посмотреть применение вебкитов для .row .plitka {-webkit-flex-wrap: wrap; display: -webkit-flex;} добавьте плз

[Антон Дьяков]

sergski, добавил - в браузере несколько изменилось смещение элементов, в ios все без изменений

[sergski]

на маке в xcode для ios 8 и safari5 выводятся столбцом, те работает ок. а ради чего вы заморачиваетесь под такой древний софт?

[Антон Дьяков]

sergski, почему древний? ) не такой уж и древний 5 айфон, сейчас попробую на другом айфоне.

[sergski]

killcomp, я про браузер. если ось обновляется, то у вас вообще проблем не должно быть)

[Антон Дьяков]

sergski, проверил на 8 айфоне, все норм работает. Ладно хрен с ним с пятым, на андроиде еще бы проверить

Answer 1

[Максим Тимофеев]

Кто виноват: На мобильных тыблоках версия браузера зависит от OS, поэтому на 5-й стоит старый сафари, который кашляет от flexbox.
Что делать: юзать префиксы или устроить акцию "зайди к нам со старого ios и получи говно на странице"

Comments

[Антон Дьяков]

Я бы юзал префиксы, но мне нужно 8 колонок, как сделать правильно?

[Антон Дьяков]

И да файерфокс то стоит свежий, он не должен кашлять от flexbox

[Максим Тимофеев]

killcomp, используйте сборщик и Autoprefixer, он Вам нахренячит автоматом нужные префиксы