如何正確將Bootstrap指示器放在右上角？

Question

我想在右上角顯示指標，如下圖所示 我這樣做的方法是給指標指定高度和寬度的百分比-但是用這種方法，我不能按右側的輪播控件，因為我的指標某種程度上掩蓋了...問題的例子在以下網站上： http : //haagmedia.dk/klf/

這是我到目前為止對指標所做的唯一樣式

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

希望您能在此問題上對我有所幫助，因此我可以在右上角獲得指標，而不會影響更改幻燈片的可能性，在右側:)

Answer 1

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

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

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