Bootsrap 4 отзывчивых колонки и прячутся на мобильных устройствах

Question

Я пытаюсь показать 2 столбца разных размеров: 8 столбцов и 4 столбца на рабочем столе (> = col-xl) Скрыть первый столбец + показать второй столбец на весь экран (12 столбцов). Вот код:

<div class="d-none d-xl-block col-xl-8">....</div>
<div class="col-12 col-xl-4">...</div>

Хорошо отображается на экране рабочего стола, отображает то же самое (8 + 4 вместо 0 + 12) на мобильном телефоне.Почему он не меняется на размер отладчика galaxy / mobile в chrome?Daniel

Answer 1

Это не сработало, как ожидалось из-за этой ошибки:

<meta name="viewport" content="width=device-width, initial-scale=0">

Теперь, когда оно определено правильно, вот так:

<meta name="viewport" content="width=device-width, initial-scale=1">

все работает как положено.