Topic: Multi Item Carousel Advance - 1 item per time how to increace col without breaking

Paul Kim (Little Tiger) priority asked 3 years ago

Expected behavior as you can see snippets if I increase items transaction motion is broke. and when I increased to more than 6 items on the screen when it transaction it duplicates the second item and two items are moving instead of one item.

how can I fix this problem?

Actual behavior

Resources (screenshots, code snippets, etc.)

MDBootstrap staff answered 3 years ago

Hi! I have a proposition of well executed snippet for you.

Important changes:

  1. added class v-2 to element with id="carousel-example-multi"
  2. added proper values of translate in css (this version of carousel doesn't support by defoult your version of implementation)

Paul Kim (Little Tiger) priority answered 3 years ago

I am using the pro version of MDB.

Material Design for Bootstrap

Version: MDB Pro 4.8.1

even so in snippet code, it doesn' work property.

Tomek Makowski staff answered 3 years ago


You have to have pro version of MDB, otherwise it doesn't work properly. Each of our MDB Pro components have special "Pro tag".



Paul Kim (Little Tiger) priority commented 3 years ago

I am using the pro version of MDB

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • User: Priority
  • Premium support: Yes
  • Technology: MDB jQuery
  • MDB Version: 4.7.6
  • Device: Website
  • Browser: Crome
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: Yes