Geek asks and answers

How to combine tabs and carousel on Twitter Bootstrap

I am trying to implement Twitter bootstrap carousel and tabs. Both of them seem to function normally at boot, but as soon as I hit one of the carousel arrows, the content goes away (the active class is deleted and the display is set to none). Can anyone understand what the problem is? sample page (see the news window in the lower right corner of the screen)

+3
source share
1 answer

Management links relate to #news-box:

<!-- Carousel nav -->
<a class="carousel-control left" href="#news-box" data-slide="prev">‹</a>
<a class="carousel-control pause-play pause" href="#news-box"></a>
<a class="carousel-control right" href="#news-box" data-slide="next">›</a>

But your carousel does not have id:

<div class="carousel slide">

Try:

<div class="carousel slide" id="news-box">
+1
source

More articles:


All Articles