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

【问题标题】：Move Bootstrap carousel indicators outside and change their icons将 Bootstrap 轮播指示器移到外部并更改其图标
【发布时间】：2018-01-05 09:35:11
【问题描述】：

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

请以下图为例。

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

【问题讨论】：

请分享您尝试过的代码..
抱歉没用，我也想换个指示器图标。
现在检查，希望它有效@Mudassar
@Ahmad 谢谢，我找到了一个 JQuery 可以将它们移动到需要的位置，但仍然找不到更改图标的方法。你能帮忙处理一下图标吗？
是的，@Mudassar，检查我的答案，我提供了一些链接来更改他们的图标

标签： jquery html css twitter-bootstrap carousel

【解决方案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 以了解不同样式的轮播指示器。

希望这有帮助:)

【讨论】：