jquery - Bootstrap 4 旋转木马 slider 箭头对齐

Question

我正在使用 Bootstrap 4 Alpha 6 轮播插件来交互 div slider 。

我希望左右透明按钮分别位于最右端和最左端，如下图所示。

我试过改变位置并关注previous post方法，但都不适用于我的情况。

.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
  right: 0;
}

.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
  left: 0;
}

有没有人推荐处理此问题的最佳方法？提前致谢!

Answer 1

Bootstrap 4 不使用 glyphicon，整个框架在这个新版本中已经被重写。这意味着 bootstrap 3 的轮播片段可能在 Bootstrap 4 中不起作用。

Bootstrap 4 Alpha 中的左右箭头与 icon-prev 和 icon-next 类相关联。

因此您可以使用此代码将它们分别设置到最右端和最左端。

.carousel-control .icon-prev{
  left: 5px
}
.carousel-control .icon-next{
  right: 5px
}

Codepen 演示:https://codepen.io/Washable/pen/EbbOXd?editors=1100