引導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> 

我試着用CSS設置diferent顯示性能，寬打轉轉，花車等沒有成功:(

任何關於如何實現這一點的建議？

非常感謝， Ralms

Answer 1

我想通了！

我一直在使用自舉類設置以下CSS屬性的錨標籤：

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

接下來我不得不切換元素的順序對「控制下一個」，因爲路我擁有它，標籤顯示在最上面。

希望你覺得它有幫助。