Jquery响应滑块，下面有文本块

Question

我看了很多像这样的滑块（jquery或bootstrap），但我没有找到任何东西。因此滑块顶部有一个图像，现在许多幻灯片都有子弹，然后在它下面，每个幻灯片都有一个文本块。

我在标题中尝试了带文字的那些，但是没有用。如果有人知道像图像中的任何滑块请告诉我，或者如果你有任何想法会很棒。

Answer 1

如果您使用bootstrap

，只需添加以下css

.carousel-indicators {
    bottom: 0;
    margin-bottom: -20px;
}
.carousel-indicators li{
    border: 1px solid #f44336;
}
.carousel-indicators .active {
    background-color: #F44336;
}

Demo