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

Question

我想将 Bootstrap 轮播指示器移到轮播外 div 并用超棒的字体图标更改它们的图标。

请以下图为例。

这是设计要求，我不知道该怎么做。谢谢

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;
}

并检查样式 bootstrap 轮播指示器或 Bootstrap Carousel Indicator with Numbers or Bootstrap carousel with font awesome icon 不同样式 轮播指示器。

希望对您有所帮助:)

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

Move Bootstrap carousel indicators outside and change their icons

html

css

jquery

carousel

twitter-bootstrap