如何跳过Bootstrap Carousel中的空白幻灯片？

Question

我想自动跳过Bootstrap Carousel的空白幻灯片。 在此示例中，幻灯片应从第二张幻灯片跳到第四张幻灯片，这样就不会显示空幻灯片。

这是我的代码：

<div class="container">
    <div id="carouselContent" class="carousel slide" data-ride="carousel">
        <div class="carousel-inner" role="listbox">
            <div class="carousel-item active text-center p-4">
                 <p>Text 1</p>
            </div>
            <div class="carousel-item text-center p-4">
                <p>Text 2</p>
            </div>
            <div class="carousel-item text-center p-4">
                <p></p>
            </div>
            <div class="carousel-item text-center p-4">
                <p>Text 4</p>
            </div>
        </div>
    </div>
</div>