Move carousel arrows to caption

Question

How can I move Bootstrap Carousel arrows to the caption?

mc31803971 · Accepted Answer

Depends on image size. On larger devices, the arrows may disappear from view.

One option is to use very wide carousel images that are 100% width & height. Or as you say, just use the default pagers without arrows.

Always test on multiple browsers & devices.

Wide images won't work as they are different sizes and must be uncropped.

Tentative success report: I removed the word "carousel" from controls and put the controls in a div inside the indicator ol class. Still testing....

mc31803971 · Answer

... or at least to above the caption and below the image

Sign up