Как вынести индикатор из слайдера на bootstrap?

Question

[Валерия Бядретдинова]

как вытащить это за пределы, чтобы индикаторы отображались под слайдером?

<ol class="carousel-indicators">
						<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
						<li data-target="#carousel-example-generic" data-slide-to="1"></li>
						<li data-target="#carousel-example-generic" data-slide-to="2"></li>
						<li data-target="#carousel-example-generic" data-slide-to="3"></li>
						<li data-target="#carousel-example-generic" data-slide-to="4"></li>
					</ol>

Comments

[Алексей Ярков]

Может вы весь код покажете?

[Serj-One]

Алексей Ярков: Откуда вы берётесь, со своим требованием показать стандартный код фреймворка? Он находится в свободном доступе, и ознакомиться может каждый желающий. Зачем захламлять им вопрос?

[Алексей Ярков]

Serj-One: оттуда же, откуда и вы, те, которые показывают обрывок кода и просят подсказать. А для того, чтобы вам подсказать, надо лезть куда-то на сайт, искать полный код (не факт что у себя вы его не меняли) и изменять его под ваши нужды. А вам трудно демку запилить на codepen и ссылку дать?

Answer 1

[Serj-One]

Не использую карусель бутстрапа, но подозреваю, что блок .carousel-indicators спозиционирован аболютно. Так что, bottom: -100px; Возможно, придётся поиграться с z-index для .carousel-indicators или .carousel-indicators ol

Answer 2

[Михаил Меренков]

Bootstrap 3.3.6

Вставить ниже основного файла стилей:
maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootst...

Вот эти стили, внеся нужные параметры удаления и цвета индикаторов:

<style>
.carousel-indicators {
bottom: -50px; /* Чем ниже индикаторы тем выше значение */
}
.carousel-indicators li {
background-color: #000; /* Цвет фона индикаторов */
border: 1px solid #000; /* Цвет бордюра индикаторов */
}
.carousel-indicators .active {
background-color: #000; /* Цвет фона активного индикатора */
}
</style>

Смотрите так же:

Слайдеры для Bootstrap