logo small logo dark logo small logo
  1. Powerx
  2. Base UI
  3. Carousel

Carousel

Slides Only

Here’s a carousel with slides only. Note the presence of the .d-block and .img-fluid on carousel images to prevent browser default image alignment.

With Controls

Adding in the previous and next controls:

With Indicators

You can also add the indicators to the carousel, alongside the controls, too.

With Captions

Add captions to your slides easily with the .carousel-caption element within any .carousel-item.

Crossfade

Add .carousel-fade to your carousel to animate slides with a fade transition instead of a slide.

Individual Interval

Add data-bs-interval="" to a .carousel-item to change the amount of time to delay between automatically cycling to the next item.

Dark variant

Add .carousel-dark to the .carousel for darker controls, indicators, and captions. Controls are inverted compared to their default white fill with the filter CSS property. Captions and controls have additional Sass variables that customize the color and background-color.

Theme Settings
Color Scheme
Menu Color
Layout Position
Buy Now

快乐十分彩票联盟信息网

欢迎来到快乐十分彩票联盟信息网，我们致力于为广大彩民提供最新的快乐十分口碑分析与用户体验。我们汇聚了最新的购彩动态、用户反馈和实用技巧，帮助您选择最优质的彩票平台。无论您是新手彩民还是资深购彩者，这里都为您提供全面、真实、专业的信息支持。加入我们，一起分享购彩的快乐与成功！