Twitter bootstrap 如何将引导幻灯片的幻灯片效果更改为淡入淡出效果？

我在自己的css文件“style.css”中尝试了以下代码。但它不起作用。幻灯片效果不会改变，如果我对所有这些css都很重视，那么前面的幻灯片转换也不起作用

 .carousel-fade .carousel-inner .item {
      opacity: 0;
      -webkit-transition-property: opacity;
      -moz-transition-property: opacity;
      -o-transition-property: opacity;
      transition-property: opacity;
    }
    .carousel-fade .carousel-inner .active {
      opacity: 1;
    }
    .carousel-fade .carousel-inner .active.left,
    .carousel-fade .carousel-inner .active.right {
      left: 0;
      opacity: 0;
      z-index: 1;
    }
    .carousel-fade .carousel-inner .next.left,
    .carousel-fade .carousel-inner .prev.right {
      opacity: 1;
    }
    .carousel-fade .carousel-control {
      z-index: 2;
    }

---

对于显示为淡入而不是滑入视图的模态，请尝试将.fade类添加到模态标记中

<div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
 ........
</div>

---

您是否正确绑定了Javascript组件

<script src="/Javascript/Bootstrap/transition.js"></script>
<script src="/Javascript/Bootstrap/carousel.js"></script>

---

通常情况下，您还必须为旋转木马提供幻灯片类，以覆盖效果。

是的，但幻灯片效果不会变为淡入淡出效果。您是否在自定义样式之前或之后绑定了bootstrap.min.css？谢谢您的建议，但我不是在寻找模态，我是在寻找幻灯片。你有没有办法将引导幻灯片的幻灯片效果改为淡入淡出？嗯。。您可以检查fadein fadeout的这个有用的代码实现