Урок 4. Bootstrap5. Быстрый старт. Компонент Carousel в Bootstrap5
HTML-код
- Опубликовано: 29 сен 2024
- Подробнее о курсе "Bootstrap5+OpenCart3. Создание интернет-магазина": webformyself.c...
Исходные материалы к уроку тут: t.me/webformys...
Практически на любом сайте можно встретить различные типовые элементы, одним из которых является слайдер. Для реализации слайдеров можно подыскать какой-нибудь jQuery плагин и подключить его к сайту. Однако, используя Bootstrap, этого делать не обязательно. Bootstrap предлагает из коробки компонент карусели, который позволяет получить симпатичный слайдер.
В данном видео вы увидите использование компонента Carousel из набора Bootstrap и варианты его настройки под себя.
Спасибо большое. Отличный урок )
как сделать что бы в мобильной версии размер карусели был максимальным?
Спасибо большое. Отличный урок
Стрелки на слайда уже не актуальны нужно чтоб работал обязательно тач скрин чтоб свайпом листать. В бутстрапе 5 есть такие?
Стрелки для слайдера предназначены в первую очередь для десктопа. На мобильных устройствах карусель можно листать свайпом.
@@matroskin978 ну в 4м бутстрапе свайп не работал.
@@MuaddibAtreides Начиная с версии 4.2 в компонент Carousel была добавлена сенсорная поддержка, ссылка - github.com/twbs/bootstrap/issues/26952
Подчеркнул нужный пункт на скриншоте - prnt.sc/131rgbh
На всякий случай зашел в пример документации с телефона - getbootstrap.com/docs/4.2/components/carousel/ - у меня свайп работает.
@@matroskin978 спасибо
@@MuaddibAtreides пожалуйста)