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-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.