Css 如何将指示器放置在旋转木马映像之外？（引导程序4）

我想把以红色突出显示的引导（4）指示器放在图像外的绿色区域。我已经在这个网站上尝试了很多东西，但到目前为止都没有成功，很可能是因为我有CSS规则。我能做什么？下面是可以复制和粘贴的代码。先谢谢你

---

转盘指示器使用

位置：绝对。

要将其移动到转盘中图像的下方，请对

ol

标记应用负值

这会将指示器移动到旋转木马下方的内容上，因此请确保指示器有空间，并且指示器颜色与旋转木马下方的任何内容兼容

使图像适合可用空间也很有帮助，因此我对图像应用了

img fluid

。所有图像的大小都应该相同

.转盘指示器{
底部：-2.4375雷姆；
}
.转盘指示器{
背景色：#ccc；
}


下一节

我刚刚意识到我的代码以前没有运行，因为导入标签的顺序也被取消了。非常感谢。

 <div class="container-fluid px-0">

<div class="row no-gutters">
  <div class="col-md-8">
       <div id="carouselControls" class="carousel slide carousel-left" data-ride="carousel">
           <ol class="carousel-indicators indicator">
               <li data-target="#carouselControls" data-slide-to="0" class="active"></li>
               <li data-target="#carouselControls" data-slide-to="1"></li>
            </ol>
           
             <div class="carousel-inner ml-1">                    
               <div class="carousel-item active">
                 <img class="d-block vampire1" src="http://via.placeholder.com/1280x720.png?text=vampire" alt="First slide">
               </div>
                   
               <div class="carousel-item">
                 <img class="d-block vampire2" src="http://via.placeholder.com/1280x720.png?text=vampire" alt="Second slide">
               </div>                     
             </div>
            
     </div>
   </div>

    no-gutters {
        margin-right: 0;
        margin-left: 0;
    }

    .no-gutters > .col, .no-gutters > [class*="col-"] {
        padding-right: 0;
        padding-left: 0;
    }