将Bootstrap轮播指示器移到外面并更改其图标

Question

我想在旋转木马div之外移动Bootstrap旋转木马指示器，并用字体真棒图标更改他们的图标。

请查看以下图片作为示例。

这是设计要求，我无法想象如何做到这一点。感谢

Answer 1

您可以将它们推到滑块的右侧，如下所示......

    .carousel-indicators {
    text-align: right;
    float: right;
    right: 2% !important;
    left: inherit;
}

或者这个：

.carousel-indicators {
position: absolute;
bottom: 10px;
right: 0;
z-index: 15;
width: 60%;
margin-right: 20px;
list-style: none;
text-align: center;
}

并检查Styling bootstrap carousel indicators 或Bootstrap Carousel Indicator with Numbers或Bootstrap carousel with font awesome icon 不同样式的轮播指示符。

希望这有用：）