Bootstrap. В уроке 2.4 на слайде показаны классы для работы с разными разрешениями экрана. Например, при разрешении 1200рх и более используется col-lg, а на сайте Bootstrap (https://getbootstrap.com/docs/5.0/layout/grid/) этот класс используется для разрешения 992рх и более. То же самое и с другими классами, все значения сдвинуты на один шаг. Поясните, пожалуйста, в чем я ошибаюсь?
Александр, в курсе работа идет на версии 3.7 (ссылка в первых уроках дана как раз на эту версию). И есть различия в сетке bootstrap, при этом принципы одинаковые, а в работе вы можете столкнуться с разными версиями (там как разные сайты работодателей/заказчиков могут работать на разных версиях bootstrap). По сетке учитывайте следующие значения для разных версий
BOOTSTRAP 4-5
---------------
Extra small
None(auto)
>=0px
<576px
.col-
Small
sm
>=576px
.col-sm-
Medium
md
>=768px
.col-md-
Large
>=992px
.col-lg-
Extra large
xl
>=1200px
.col-xl-
BOOTSTRAP 3
--------------
Extra small
xs
or None(auto)
>=0px
<768px
.col-xs-
Small
sm
>=768px
.col-sm-
Medium
md
>=992px
.col-md-
Large
>=1200px
.col-lg-
По Boostrap 4 смотрите еще курсы
ВЕБ-разработчик - с нуля до результата!
Верстальщик - HTML 5, CSS 3, Bootstrap 4, JavaScript
Кирилл, большое спасибо!!!
