In this video you can learn how to customize swiper slider as per our project need. guys iam trying to do something in frontend development in coming days stay tuned with this channel. if you have any probelm with this you can comment below i will try to help you guys:
image on this slider from: unsplash.com/
Swiper JS: swiperjs.com/
Bootstrap: getbootstrap.com/
BreakPoints i used you can play with codes as per your need:
breakpoints: {
1000: {
slidesPerView: 4,
spaceBetween: 20,
},
768: {
slidesPerView: 2.2,
spaceBetween: 20,
},
484: {
slidesPerView: 1.5,
spaceBetween: 20,
},
280: {
slidesPerView: 1.2,
spaceBetween: 20,
},
100: {
slidesPerView: 1,
spaceBetween: 10,
},
},
last video about Responsive Navigations watch This:
• How To Create Responsi...
Thank you so much
Негізгі бет Ойын-сауық Customize swiper js slider | | Bootstrap-5, Swiper JS
Пікірлер: 4