使用引导程序实现轮播卡片

Question

I tried to create with the help of bootstrap cards that appear on the normal desktop and on the mobile to be a carousel type like the ones on the google page in the "Resources" category. Example: https://marketingplatform.google.com/about/tag-manager/

Can anyone help me how I can implement this carousel time?

https://i.stack.imgur.com/ePAHK.png

Answer 1

You can use Swiper JS , Flickity , Tiny-swiper , Slick , Keen-slider , Glide.js (OLD), Owl-carousel
the Google one is transform: translate based not scroll

A slider made using CSS scroll-snap would be resposive & lightweight, and will work great especially on mibile devices
Try THIS on your phone

AND if you want cursor support use some Javascript as described HERE