Css 引导4转盘指示器定位

Css 引导4转盘指示器定位,css,twitter-bootstrap,bootstrap-4,carousel,Css,Twitter Bootstrap,Bootstrap 4,Carousel,我正在设计一个引导4转盘,我需要转盘指示器进入左上角。但我还需要它们与上面的导航垂直对齐,导航被包装在一个Bootstrap class.container中 因为我知道我的解释很糟糕,这里有一张图片向你展示了我的确切意思: 如果使用position absolute,并添加top:0、left:0(或其他数字),则定位会根据屏幕大小移动,并且与导航不匹配 以下是我的代码概要: .carousel指示器{ 顶部:10px; 左:0; 右:自动; } .转盘指示器{ 宽度:20px; 高度:2

我正在设计一个引导4转盘,我需要转盘指示器进入左上角。但我还需要它们与上面的导航垂直对齐,导航被包装在一个Bootstrap class.container中

因为我知道我的解释很糟糕,这里有一张图片向你展示了我的确切意思:

如果使用position absolute,并添加top:0、left:0(或其他数字),则定位会根据屏幕大小移动,并且与导航不匹配

以下是我的代码概要:

.carousel指示器{
顶部:10px;
左:0;
右:自动;
}
.转盘指示器{
宽度:20px;
高度:20px;
边界半径:100%;
}
.carousel指示器li:不是(:最后一个孩子){
右边距:20px;
}


  • 只需覆盖旋转木马指示器的对齐内容和边距,然后添加填充,如下所示。还可以将指示器包装在容器内,并通过添加预定义的类相对位置,使其成为位置:相对

    .my slider.carousel指示器{
    顶部:10px;
    调整内容:灵活启动;
    保证金:0;
    左侧填充:15px;
    右侧填充:15px;
    }
    .转盘指示器{
    宽度:20px;
    高度:20px;
    边界半径:100%;
    }
    .carousel指示器li:不是(:最后一个孩子){
    右边距:20px;
    }
    
    

  • 就是这样!谢谢你,拉杰!我们如何使指示器位置位于上止点?看到它有点向左。