Grow your CSS skills. Land your dream job.

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: http://www.designbyjourney.com Reference: http://www.monocle.com

    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.

    Cheers

    My website: http://www.designbyjourney.com
    Reference: http://www.monocle.com
    carousel Jsfiddle: http://jsfiddle.net/kelvinchow/s3BKw/

Viewing 1 post (of 1 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".