带菜单的bootstrap轮播,显示活动班

时间:2017-03-27 06:37:50

标签: css twitter-bootstrap carousel

可能是一个愚蠢的问题,因为我是初学者: 这个转盘可以自动滑动或通过导航。我有3个小问题:

  1. 当它自动滑动时,导航不会更改活动的list-element。我发现了这段代码,但我不确定如何使这项工作或者有更好的解决方案:

    $('#myCarousel')。on('slide.bs.carousel',function(){   // 做一点事… })

  2. 我想在悬停时更改活动项目。我尝试过leistungenNav ul li a:active,但没有任何效果。你知道我的代码中有什么问题吗?

  3. 出于某种原因,我的媒体查询无效。我无法理解为什么

    @media(min-width:600px;){     .leistungenNav li {         向左飘浮;         边框:1px实心灰色;         宽度:20%;         text-align:center;     }
    }

  4. 这是我的代码:https://jsfiddle.net/7Lta9vra/

1 个答案:

答案 0 :(得分:3)

  1. 您的指标ul需要有.carousel-indicators个班级。你必须对它们进行设计,以便它们不再是点。

  2. 不是a:active而是a.active,因为active是一个类,而不是伪选择器。

  3. @media (min-width:600px;)末尾删除分号。