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

我想讓我的指標位於右下角，如下圖所示我這樣做的方式是給指標提供一個百分比的高度和寬度 - 但使用這種方法我不能按/使用我的右側旋轉木馬控制，因爲我的指標在某種程度上涵蓋了起來...... 問題的例子是在以下網站：http://haagmedia.dk/klf/如何在右上角正確放置Bootstrap指示器？

這是我的指標迄今取得

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

唯一造型

我希望你能幫助我解決這個問題，這樣我就可以得到上層鑽機的指標在不影響改變幻燈片的可能性的情況下，在右側:)

來源

2016-07-29 Haag

您使用的89％的'height'。將其設置爲固定高度，並且應該避免重疊問題妨礙您訪問左側/右側控件。 –

你的身高89％與控件重疊。如果你使用固定的高度和固定的位置，一切都應該工作。

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

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

來源

2016-07-29 14:14:01

現在唯一的問題是，固定定位給我的響應式設計帶來麻煩，因爲指標集中在移動設備尺寸中。我想我是我以前用百分比開始的原因的一部分:)任何線索我可以做什麼，所以他們保持在我縮小窗口的位置？對於蹩腳的問題感到抱歉，對Bootstrap有所幫助:) – Haag

您可以使用標準的CSS媒體查詢，並且如果視口的寬度小於某個值，則可以調整值或使用完整的其他位置。 –

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

回答

相關問題