How to remove the indicator from the slider on bootstrap?

Question

css

how to pull this out of bounds so the indicators show below the slider?

<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>

Answer 1

I don't use the bootstrap carousel, but I suspect that the block .carousel-indicatorsis absolutely positioned. So you bottom: -100px;may have to play around with the z-index for .carousel-indicatorsor.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