jquery - 在旋转木马图像 Bootstrap 上放置文本

Question

我有一张轮播图片。我要在该图像的特定位置显示文本。 carousel-caption 将文本始终置于中心。当我通过更改边距将其更改为特定位置时，它没有响应。

Answer 1

默认情况下 carousel caption 出现在底部，不确定为什么会发生这种情况，但是

see this example

如果您想在任何特定位置显示文本，最佳方式 是使用position 而不是margins。

此外，您必须在 Percentage 而不是 Pixel 中设置该位置。因此，它会做出响应。

使用 carousel-caption 类如下:

.carousel-caption {
    margin: 0px; 
    padding: 0px; 
    background: none;
    top: 20%;
    left: 30%;        
    position: absolute;
}