Карусель-индикаторная форма Boostrap 4

Question

Я всегда сталкиваюсь с ошибкой всякий раз, когда пытаюсь изменить форму Bootstrap 4 карусели-изображения изображения с прямоугольника на затмение. Как изменить форму индикатора карусели на кружок в Bootstrap 4

Answer 1

Оригинал css код для индикаторов:

.carousel-indicators li {
position: relative;
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
width: 30px;
height: 3px;
margin-right: 3px;
margin-left: 3px;
text-indent: -999px;
background-color: rgba(255,255,255,.5);
}

Что вам нужно сделать, это изменить height и width, как вы хотите, но значения должны быть равны, и добавить

border-radius: 50%;

Вот результат: