The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

Bootstrap carousel and carousel indicator help.

  • # February 16, 2013 at 2:57 pm

    1) Carousel indicator issue.

    I’m working on a website using twitter boostrap. I need some help of an alternate way of sticking the indicator underneath the carousel.

    At the moment, i’m using media queries while changing the margin-top according to the different resolution size available. The problem occurs while resizing of screen take place. The indicator “does” stick to the bottom of the carousel but while resizing, the transition is rather choppy and it doesn’t feel right.

    I like the how monocle have done their site and would like the transition to be that smooth too.
    My website: Reference:

    2) Carousel sliding issue.

    I’ve notice that when i click on the carousel indicator of the individual slides, its not sliding properly. On Jsfiddle, It works out well, slides going back and forth is smooth but on my website, that doesn’t seem to be the case. Eg, Whether its the next slide or the prev slide, while that happens, in the middle of the sliding animation, i see the background at the back rather than my current slide sliding away. Hope Someone can advice on these two problems i’m facing. I’m rather new to Coding so bear with me on such issues.


    My website:
    carousel Jsfiddle:

Viewing 1 post (of 1 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed