如何更改轮播活动指示器颜色 \- Bootstrap

Question

我想更改轮播活动指示器颜色。这是例子

http://www.w3schools.com/bootstrap/trybs_theme_band_full.htm#band

我想从白色变成红色

原文由 Gabriel Souza 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

控制轮播活动点的 Bootstrap 样式是 .carousel-indicators .active 所以：

 .carousel-indicators .active{
    background-color: #f00;
}

原文由 leigero 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

可以通过删除 SVG 图标并将其更改为超赞字体图标来更改控制链接的内容。然后可以通过向其添加类来设置图标的样式。例如

<a class="carousel-control-prev" href="#carouselProfileMedia" role="button" data-slide="prev">
    <i class="fa fa-arrow-circle-left fa-2x *YOUR-CUSTOM-CLASS*" aria-hidden="true"></i>
    <span class="sr-only">Previous</span>
</a>

原文由 cormacio100 发布，翻译遵循 CC BY-SA 4.0 许可协议