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

时间:2017-07-29 10:46:27

标签: jquery html css twitter-bootstrap carousel

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

请查看以下图片作为示例。 enter image description here

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

1 个答案:

答案 0 :(得分:2)

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

    .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 NumbersBootstrap carousel with font awesome icon 不同样式的轮播指示符。

希望这有用:)