带菜单的引导轮播，显示活动课程

Question

可能是一个愚蠢的问题，因为我是初学者： 此轮播可以自动滑动或通过导航滑动。我有 3 个小问题：

1. 当它自动滑动时，导航不会改变活动的列表元素。我找到了这段代码，但我不确定如何使它工作或是否有更好的解决方案：

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

2. 我想将活动项目更改为悬停时的样子。我试过leistungenNav ul li a:active，但没有任何效果。你知道我的代码有什么问题吗？

3. 出于某种原因，我的媒体查询无法正常工作。我不明白为什么

   @media (最小宽度:600px;) { .leistungenNav li { 向左飘浮; 边框：1px 纯灰色； 宽度：20%； 文本对齐：居中； }
   }

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

Answer 1

1. 您的指标ul 需要有.carousel-indicators 类。您必须设置它们的样式，使它们不再是点。

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

3. 去掉@media (min-width:600px;)末尾的分号。