Html Bootsrap转盘数据幻灯片箭头位于幻灯片图像下

我有一个引导转盘，我正在尝试添加按钮/箭头以在幻灯片之间切换我已将位置指定为绝对位置，其可单击且工作正常，但箭头位于图像下方可能存在的问题检查此处>

这是密码

#我的转盘。转盘指示器{
位置：绝对！重要；
}
@介质（最大宽度：768px）{
/*使指示灯变大，以便在手机上用手指/拇指轻松单击*/
#我的转盘。转盘指示器{
底部：-20px！重要；
位置：绝对！重要；
}
#我的转盘。转盘指示器{
显示：内联块；
利润率：0px 5px；
宽度：15px；
高度：15px；
}
#我的转盘。转盘指示器li.active{
利润率：0px 5px；
宽度：20px；
高度：20px；
}
}

您在css中犯了错误

检查你的

768px

css，你得到的

botton:-20px！重要信息

，更改

这个

#myCarousel .carousel-indicators {
    bottom: -20px !important;
    position:absolute !important;
}

至

#myCarousel .carousel-indicators {
    bottom: 0px !important;
    position:absolute !important;
}

编辑

我看到您正在使用

icomoon

css

所以我们必须改变这个html

<a data-slide="prev" href="#myCarousel" class="left carousel-control">
   <i class="fa fa-chevron-left"></i>
</a>
<a data-slide="next" href="#myCarousel" class="right carousel-control">
   <i class="fa fa-chevron-right"></i>
</a>

---

箭头仍然不显示，我真的不知道他们是否在现场展示moment@WojtekT您需要首先在

头部添加字体tag@WojtekT我刚刚更新了答案，希望它能帮助您箭头现在正在显示，但在屏幕顶部，请参见此处>我让它工作了，但不得不返回到我自己的html-
，似乎是这样无法使用图标箭头右侧的
功能
谢谢您，先生！
<a data-slide="prev" href="#myCarousel" class="left carousel-control">
   <i class="icon-arrow-left"></i>
</a>
<a data-slide="prev" href="#myCarousel" class="left carousel-control">
   <i class="icon-arrow-right"></i>
</a>

.left.carousel-control i {
    position: absolute;
    left: 10px;
    top: 45%;
    font-size: 35px;
}
.right.carousel-control i {
    position: absolute;
    right: 10px;
    top: 45%;
    font-size: 35px;
}