Welcome to WebmasterWorld Guest from

Forum Moderators: open

Message Too Old, No Replies

Include a link for each item in a Bootstrap carousel

Navigation for Bootstrap carousel

12:04 am on Sep 7, 2012 (gmt 0)

Junior Member

10+ Year Member

joined:June 13, 2005
posts: 132
votes: 0

Hi everyone,

Apologies if this seems like a really stupid question but I'm struggling with customizing the Bootstrap carousel and can't find any documentation on this customization.

I'm trying to add a link that corresponds to each image in my bootstrap carousel. E.g. when the first image in the carousel is displayed the corresponding first link is highlighted (a class added).

I'm displaying a carousel of featured articles on my home page and I would like to display the article headlines next to the images: so three images and three headlines. As the image changes, the corresponding highlighted headline would also change so the user can see that the image being displayed relates to the headline being highlighted.

I would be really grateful if anyone could direct me to a tutorial on how to do this (even a generic JQuery or javascript tutorial) that I could use to make this work for my bootstrap carousel.

Thanks in advance for any advice given.