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