ブートストラップV4カルーセルナビゲーション矢印ラベル

Question

イムブートストラップV4と私はカルーセルナビゲーション矢印にラベルを追加しようとしています。 スクリーンリーダのラベルの表示を解除することにしましたが、矢印の下に配置したいと思っていました。

Carousel Print

現在矢印HTMLは次のようである：

<a class="carousel-control-prev" href="#outlookProfile" role="button" data-slide="prev" onclick="(function(event) {event.preventDefault();})(event)"> 
     <span class="carousel-control-prev-icon" aria-hidden="true"></span> 
     <span >Previous</span> 
    </a> 
    <a class="carousel-control-next" href="#outlookProfile" role="button" data-slide="next" onclick="(function(event) {event.preventDefault();})(event)"> 
     <span >Next</span> 
     <span class="carousel-control-next-icon" aria-hidden="true"></span> 
    </a> 

私は成功せずなど、diferent表示プロパティを設定するCSSで遊んでみました、幅、浮いてきた:(

どのように私がこれを達成することができるかについての任意の提案？

ありがとう、 Ralms

Answer 1

私はそれを理解しました！

私はブートストラップクラスを使用してアンカータグに次のCSSプロパティを設定した

：

.carousel-control-prev, .carousel-control-next{ 
    display: flex; 
    flex-direction: column; 
} 

次の方法ので、私は、「コントロールの次」の要素の順序を切り替える必要がありました私はそれを持っていた、ラベルが上に表示されます。

あなたが役に立ったら嬉しいです。