右下角的Bootstrap轮播标题位置

时间:2014-07-26 17:15:27

标签: css twitter-bootstrap alignment

如何将标题放在右下角,最大宽度和响应? 我不希望标题出现在图像旁边。我设置了以下属性。

    .carousel-caption {
    right: 0;
    text-align: right;
    background-color:black;
    max-width: 300px;
    margin-left: 300px;
}

设置max-width:300px;标题位于中间(因为右边部分被最大宽度修剪)。如果我设置margin-left,我会放松响应。 我是否需要使用媒体查询?

http://jsfiddle.net/Y67Zs/

感谢任何帮助。

1 个答案:

答案 0 :(得分:2)

您必须为标题的左侧属性赋值,如下所示:

.carousel-caption {
    right: 5%;
    text-align: right;
    background-color: black;
    max-width: 300px;
    left: auto;
    padding:5px;
}

链接:http://jsfiddle.net/Y67Zs/9/