ブートストラップ4カルーセルスライダーの矢印の位置合わせ

Question

私はブートストラップ4アルファ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

ブートストラップ4はグリフコンを使用せず、フレームワーク全体がこの新しいバージョンに書き換えられました。これは、ブートストラップ3のカルーセルスニペットがブートストラップ4で動作しない可能性が高いことを意味します。

ブートストラップ4アルファの左右の矢印は、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