bootstrap carousel导航菜单调整不工作

Question

我正在使用自举旋转木马并希望它看起来像这样

问题是，因为我没有让导航菜单看起来像这样。只有当我删除类'carousel-indicators'时，它看起来很像我想要的，但是如果它自动滑动导航的活动类不起作用。你有任何解决方案吗？

这是我的代码，没有类.carousel-indicators：https://jsfiddle.net/7Lta9vra/1/

我尝试过这样做没有成功：

    .carousel-indicators {
          all: initial;
          * {
            all: unset;
          }
        }

    .carousel-indicators.carousel-indicators li {
    text-indent: 0;
        border:none;
    background-color: transparent;
}