Как в Bootstrap 4 добавить колонки для мобильных устройств?

Question

[Николай Васин]

В версиях Bootstrap < 4 был класс col-xs- для мобильных устройств. В четвёртой версии его убрали и в документации указано, что, например col-12 займёт 100% ширины контейнера, но у меня такая конструкция не работает

Comments

[godsplan]

А как у вас работает?Можно пример кода того что не получается?

[Николай Васин]

<!-- В этом случае колонка по идее на мобильных устройствах должна растянуться на всю ширину контейнера
<div class="col-12 col-sm-12 col-md-4 phones to-bottom">

[godsplan]

Николай Васин, https://codepen.io/poylar/pen/oNXqoYK все же работает?

[Николай Васин]

godsplane, спасибо за ответ, но у меня почему то не работает

[Николай Васин]

godsplane, если просто уменьшать размер вьюпорта, то работает. Если смотреть через инструменты разработчика из эмуляции мобильных устройств, то нет. Есть подозрение, что это всё из-за того, что я пишу код прямо на рабочем столе (хотя вряд ли)

Answer 1

[Антон Шаманов]

перед тем как браться за подвиги убедись что ты в сказке

что прочел мануал, благо 3шка переведена подробно и многократно, первая по списку - bootstrap-3.ru

Comments

[Николай Васин]

Спасибо за ответ, но меня интересует именно 4.х

[Антон Шаманов]

Николай Васин, капитип Очевидность спешит на помощь - https://bootstrap-4.ru/