Bootstrap 4个旋转木马滑块箭头对齐

Question

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

我想让左右透明按钮分别位于最右边和最左边，如下图所示。

我试过改变位置并遵循方法，但对我的情况都不起作用。

.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

Bootstrap 4个旋转木马滑块箭头对齐

Bootstrap 4 carousel slider arrows alignment

css

jquery

slide

carousel

bootstrap-4