如何在右上角正确放置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指示器？

回答

相关问题