Как сохранить карусельные индикаторы на изображении, а карусельную подпись под изображением?

Как переместить заголовок карусели bootstrap 3 под изображениями?

Я включил приведенное выше решение в свой код, поэтому теперь у меня есть текст (заголовок карусели) под изображениями в карусели. Однако при этом стрелки в полях carousel-control.left и carousel-control.right переместились еще ниже. Он также расположил индикаторы карусели ниже заголовка карусели. В результате, когда объем текста изменяется, индикаторы карусели и элементы управления влево/вправо перемещаются, чтобы приспособиться к изменению текста.

Это не идеально, и я бы хотел, чтобы индикаторы карусели и элементы управления влево/вправо оставались на изображении, а заголовок карусели находился внизу.

Спасибо!


javascript carousel html css twitter-bootstrap
person cgt    schedule 29.11.2015    source источник
comment
Элементы управления каруселью можно исправить, переместив их после/снаружи внутреннего div-карусели (в html), но я сам все еще ищу, как исправить индикаторы-карусели.   -  person Lathan    schedule 24.02.2016

Ответы (1)


arrow_upward
0
arrow_downward

вы также можете использовать абсолютное позиционирование для динамического перемещения индикаторов карусели.

.carousel-indicators {
    position: absolute;
    top:50%
    left: 150%;
    z-index: 15;

    text-align: center;
    list-style: none;
}
person Umer    schedule 03.02.2019