Bootstrap 4轮播滑块箭头对齐

Question

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

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

我尝试更改位置并按照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