css - 自定义 Twitter Bootstrap 轮播 pills

Question

抱歉，如果这是一个愚蠢的问题。

我正在尝试使用 Bootstrap Carousel，但想自定义 carousel pills 以使用客户图像，而不是它们当前的形式。

我想要类似于 jquery Cycle pager. 的东西

有没有办法用轮播做到这一点？ 有没有简单的方法可以做到这一点？还是我最好使用 jquery Cycle？

谢谢!

Answer 1

这里有一个与您的问题相关的拉取请求:https://github.com/twitter/bootstrap/pull/4222

我相信可以通过编辑下面的原始 Bootstrap CSS 代码来实现:

    carousel-pills span {
     display: inline-block;
     margin: 0px 5px;
     width: 10px;
     height: 10px;
     .border-radius(15px);
     background: @grayDark;
     @shadow: 0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);
     .box-shadow(@shadow);
     cursor: pointer;
     /* YOUR CSS HERE */
    }

这里还有关于如何在 .js https://github.com/twitter/bootstrap/pull/2777 中完全禁用默认药丸的信息。

Stack Overflow 上有一个关于自定义指标的类似问题(使用新的 CSS 类替换默认的 Bootstrap 类):twitter bootstrap custom carousel indicators