Javascript 如何将转盘指示器的位置更改为幻灯片的外部顶部？

我想用bootstrap5组件“Carousel”呈现3个表。为此，我想将指示器的位置从幻灯片内容的默认内部底部更改为外部顶部。有什么建议吗

这是我的旋转木马组件，我在其中呈现我的表片段：

<div id="carouselExampleIndicators" class="carousel carousel-dark slide">
        <div class="carousel-indicators">
            <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active"></button>
            <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1"></button>
            <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2"></button>
        </div>
        <div class="carousel-inner">
            <div class="carousel-item active">
                <div class="mb-5">
                    <div th:replace="fragments/eventTelegramTable"></div>
                </div>
            </div>
            <div class="carousel-item">
                <div class="mb-5">
                    <div th:replace="fragments/processValueTelegramTable"></div>
                </div>
            </div>
            <div class="carousel-item">
                <div class="mb-5">
                    <div th:replace="fragments/productTelegramTable"></div>
                </div>
            </div>
        </div>
    </div>