3

use a large block of connected links for our pagination, making links hard to miss and easily scalable—all while providing large hit areas. Pagination is built with list HTML elements so screen readers can announce the number of available links. Use a wrapping `nav` element to identify it as a navigation section to screen readers and other assistive technologies.

#### Basic Carousel With Control

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

Previous Next

#### Carousel With Indicators

Adding in the previous and next controls

Previous Next

#### Carousel With Caption

Add captions to your slides easily with the `.carousel-caption` element within any `.carousel-item` . They can be easily hidden on smaller viewports, as shown below, with optional display utilities.

##### Add captions to your slides easily

Lorem ipsum dolor sit amet consectetur adipisicing elit.

##### Add captions to your slides easily

Lorem ipsum dolor sit amet consectetur adipisicing elit.

##### Add captions to your slides easily

Lorem ipsum dolor sit amet consectetur adipisicing elit.

Previous Next

#### Carousel With CrossFade

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

##### Add captions to your slides easily

Lorem ipsum dolor sit amet consectetur adipisicing elit.

##### Add captions to your slides easily

Lorem ipsum dolor sit amet consectetur adipisicing elit.

##### Add captions to your slides easily

Lorem ipsum dolor sit amet consectetur adipisicing elit.

Previous Next

#### Carousel Interval Option

`interval: 2000` The amount of time to delay between automatically cycling an item. If false, carousel will not automatically cycle

##### Add captions to your slides easily

Lorem ipsum dolor sit amet consectetur adipisicing elit.

##### Add captions to your slides easily

Lorem ipsum dolor sit amet consectetur adipisicing elit.

##### Add captions to your slides easily

Lorem ipsum dolor sit amet consectetur adipisicing elit.

Previous Next

#### Carousel With Pause Option

If set to `"hover"`, pauses the cycling of the carousel on `mouseenter` and resumes the cycling of the carousel on `mouseleave` . If set to `false`, hovering over the carousel won't pause it.

##### Add captions to your slides easily

Lorem ipsum dolor sit amet consectetur adipisicing elit.

##### Add captions to your slides easily

Lorem ipsum dolor sit amet consectetur adipisicing elit.

##### Add captions to your slides easily

Lorem ipsum dolor sit amet consectetur adipisicing elit.

Previous Next

#### Carousel Wrap Option

Whether the carousel should cycle continuously or have hard stops.Default `true`

Previous Next

#### Carousel With Keyboard Option

Whether the carousel should react to keyboard events.Default `true`

Previous Next
Search results
Headphone 1

Gadget

$300 $400

Sale

Headphone 1

Gadget

$300 $400

New

Headphone 1

Gadget

$300 $400

New

Headphone 1

Gadget

$300 $400

New