Bootstrap 5 карусель с несколькими миниатюрами строк в качестве индикаторов ⇐ Html

[Anonymous]

У меня есть карусель Bootstrap 5 с более чем 20 изображениями, я знаю, как сделать показатели быть изображениями, но они будут сокращаться в размерах, как только ширина контейнера будет достигнута, пока они не станут слишком маленькими, чтобы их можно было распознать. Миниатюры, которые делят доступное пространство: < /p>

Код: Выделить всё

.carousel-indicators button {
width: max-content!important;
}
.carousel-indicators img {
width: 100px;
}
.carousel-indicators {
position: unset;
margin-right: 0;
margin-left: 0;
}





[img]img1.jpg[/img]

[img]img2.jpg[/img]

...

[img]img20.jpg[/img]






[img]img1.jpg[/img]


[img]img2.jpg[/img]

...

[img]img20.jpg[/img]

Я загружаю начальную загрузку 5.3.3

Подробнее здесь: https://stackoverflow.com/questions/796 ... indicators