如何在圖像下方顯示輪播字幕的同時保持圖像上的輪播指示器？

Question

如何在圖像下方移動bootstrap 3旋轉木馬標題？

我將上述解決方案合並到我的代碼中，因此現在在輪播中的圖像下方有文本（輪播標題）。 但是，這樣做還會使carousel-control.left和carousel-control.right中的箭頭進一步向下移動。 它還將輪播指示器放置在輪播字幕下方。 結果，當文本量改變時，輪播指示器和左/右控件移動以適應文本的變化。

這不是理想的，我希望輪播指示器和左/右控件保留在圖像上，而輪播字幕位於下方。

謝謝！

Answer 1

您還可以使用絕對定位來動態移動輪播指標

.carousel-indicators {
    position: absolute;
    top:50%
    left: 150%;
    z-index: 15;

    text-align: center;
    list-style: none;
}