html - 如何正确将Bootstrap指示器放在右上 Angular ？

我想在右上角显示指标，如下图所示
我这样做的方法是给指示器指定高度和宽度的百分比-但是用这种方法，我不能按右边的旋转木马控件，因为我的指示器某种程度上掩盖了它...
问题的示例在以下网站上：http://haagmedia.dk/klf/

这是我到目前为止对指标所做的唯一样式

.carousel-indicators {
    text-align: right;
    width: 76%;
    height: 89%;
    opacity: 0.9;
}

希望您能在此问题上对我有所帮助，以便我可以在右上角获得指标，而不会影响更改幻灯片的可能性，在右侧:)

最佳答案

您的高度89％与控件重叠。如果您使用固定的高度和固定的位置，那么一切都会正常。

.carousel-indicators {
    position: absolute;
    top: 50px;
    right: 10px;
    text-align: right;
    width: 76%;
    height: 20px;
    opacity: 0.9;
}

用百分比调整固定位置值可能是个好主意...

关于html - 如何正确将Bootstrap指示器放在右上 Angular ？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/38660914/