Javascript 将引导指示器置于网格形式

我希望将引导指示器从滑块内的正常位置取出，并将其放置在旋转木马a la col-xs-12上方。以下是我到目前为止的情况

我曾考虑过将ol放在div中，但ol和div仍然具有position属性

  <ol id="indicatorOl" class="carousel-indicators col-xs-12">
    <li data-target="#carousel-example-generic" data-slide-to="0" class="active col-xs-12"></li>
    <li data-target="#carousel-example-generic" data-slide-to="1" class="col-xs-12"></li>
    <li data-target="#carousel-example-generic" data-slide-to="2" class="col-xs-12"></li>
  </ol>

---

我也想过把它带到div之外，但是活动类特性不起作用。我想我可以自己做。你认为呢？

你可以将你的指示器绝对地相对于你的旋转木马定位

.carousel {
  position: relative;
}

.carousel-indicators {
  position: absolute;
  bottom: 100%;
}

下面是一个活生生的例子

/*用于强调*/
html{
背景颜色：鲑鱼；
}
旋转木马{
边缘顶部：50px；
背景颜色：米色；
}
/*相关代码*/
旋转木马{
位置：相对位置；
}
#我的转盘。转盘指示器{
位置：绝对位置；
底部：100%；
}

幻灯片1
幻灯片2
幻灯片3