如何在Bootstrap Carousel中一次前进3个图像？

// 使用jQuery
$(document).ready(function() {
  var carouselContainer = $('#carousel-container');
  var carouselItems = carouselContainer.find('.carousel-item');

  carouselItems.each(function(index, element) {
    $(element).removeClass('active');

    if (index % 3 === 0) {
      $(element).addClass('active');
      $(element).next().addClass('active');
      $(element).next().next().addClass('active');
    }
  });
});

// 使用纯JavaScript
document.addEventListener('DOMContentLoaded', function() {
  var carouselContainer = document.getElementById('carousel-container');
  var carouselItems = carouselContainer.querySelectorAll('.carousel-item');

  carouselItems.forEach(function(element, index) {
    element.classList.remove('active');

    if (index % 3 === 0) {
      element.classList.add('active');
      element.nextElementSibling.classList.add('active');
      element.nextElementSibling.nextElementSibling.classList.add('active');
    }
  });
});