O'Reilly logo

Bootstrap for Rails by Syed Fazle Rahman

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Customizing Carousel

You can also add various, different data-* attributes to.carousel to change its default behavior. Bootstrap provides three different attributes:

data-interval: This attribute is used to change the duration time for each slide. It accepts integer values in milliseconds. For example, data-interval="5000".

data-pause: This attribute takes only one value, hover. When this attribute is set, the slideshow pauses when the mouse is hovered over it.

data-wrap: This attribute accepts Boolean values. When set as true, the slideshow will begin again from the first slide automatically.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required