Bootstrap Version Conflicts

NEO Bootstrap Carousel uses Bootstrap 3 markup and JavaScript conventions. Bootstrap 4 and 5 changed the carousel API, so they are not compatible.

Why it matters

  • Bootstrap 4 renamed the slide class from .item to .carousel-item.
  • Bootstrap 5 dropped jQuery for its carousel entirely and changed the data attributes.
  • With Bootstrap 4 or 5 loaded, the images render but the slideshow and controls break.

What to do

  • Use a themeThemeA collection of templates and styles that controls how your site looks. built on Bootstrap 3, or one that does not impose a conflicting carousel script.
  • If you control the theme, load Bootstrap 3’s carousel JS specifically for the pages with a slider.
  • Avoid loading two major Bootstrap versions at once – they will fight over the same markup.

If the carousel is fully static, also check Carousel Is Not Sliding.

Updated on June 14, 2026

Was this article helpful?

Related Articles