将文本放在旋转木马图像引导程序上

时间:2014-07-21 01:02:50

标签: jquery css twitter-bootstrap

我有旋转木马图片。我有文本显示在该图像上的特定位置。 carousel-caption将文本始终置于中心位置。当我通过改变边距将其更改为特定位置时,它没有响应。

1 个答案:

答案 0 :(得分:1)

默认情况下,carousel caption位于底部,不确定为什么会发生这种情况,但

see this example

如果您希望在最佳方式之外的任何特定位置显示文字,请使用position而不是margins

此外,您必须在Percentage而不是Pixel中设置该位置。所以,它会有所回应。

USE carousel-caption类如下:

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