Адаптивная верстка интернет-магазина на Bootstrap 5. Урок 7

В этом видео мы сверстаем секцию новинок товаров. Данная секция будет представлена слайдером товаров. В качестве слайдера используем Owl Carousel. Это достаточно гибкий слайдер со множеством настроек и, самое главное, он адаптивный и позволяет настраивать адаптивность под конкретную ширину.

Наиболее популярным CSS-фреймворком на сегодняшний день является Bootstrap. Поэтому знать его и уметь его использовать - будет несомненным плюсом для верстальщика. В данном цикле уроков мы сверстаем сайт интернет-магазина, используя последнюю версию Bootstrap 5.

[avernavi]

Спасибо за урок! Жду с нетерпением когда дойду до WordPress по вашим курсам и еще PHP надо пройти! Андрей, вы просто кладезь информации и доступной для понимания!

[Alex_Pav]

Андрей спасибо Вам за классные уроки. Из Ваших уроков всегда узнаю что то новое и полезное

[autogarages]

Добрый вечер Андрей. Установил этот слайдер и в консоли выходят 2 сообщения следующего содержания "jquery-3.7.1.min.js:2 [Violation] Added non-passive event listener to a scroll-blocking 'touchstart' event. Consider marking event handler as 'passive' to make the page more responsive.

[orthodox-chanel]

круто, мне как питонисту очень актуальны эти карусельки, пока еще не взялся за изучение js и не знаю когда будет время, а тут вот тебе простые решения, все что нужно наверное для большинства сайтов)) Может есть еще какие нибудь плагины чтобы делать сайты еще и динамическими, тоже не особо углубляясь js?)))

[autogarages]

Добрый день Андрей. Спасибо за уроки. Но хотелось что бы вы показали как с помощью bootstrap реализовать такой слайдер карточек товара. Просто вы в проектах подключаете много всего разного. Для seo это катастрофа. Слишком много загрузок происходит из разных источников и соответственно скорость загрузки страницы сильно падает. Лучше конечно в вёрстке использовать что то одно. А так как у вас серия видео относится именно к bootstrap то хотелось бы увидеть реализацию данной карусели именно с этим Фреймворком

[vadim_romanov]

спасибо за урок, а можно ли подобную карусель сделать через bootstrap?

я пробовал взять оттуда, но там только по одному слайду показывает, причем даже если размер картинки сделать не на весь экран((