如何在Twitter Bootstrap中组合标签和轮播 [英] How to combine tabs and carousel in Twitter Bootstrap

问题描述

我正在尝试实施Twitter Bootstrap Carousel和Tabs。它们都看起来在初始加载时运行良好，但是一旦我点击其中一个轮播箭头，内容就会消失（活动类被删除，显示设置为无）。任何人都可以看到问题可能是什么？ 示例页面（查看屏幕右下方的新闻框）

I'm trying to implement Twitter Bootstrap Carousel and Tabs. They both look to be functioning alright on the initial load, but as soon I hit one of the carousel arrows, the content goes away (the active class is removed and display is set to none). Can anybody see what the problem could be? sample page (look at the news box at the bottom right of the screen)

推荐答案

控制链接指的是＃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>

但您的轮播没有 id ：

<div class="carousel slide">

试用：

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

这篇关于如何在Twitter Bootstrap中组合标签和轮播的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！