Css 右下角的引导carousal标题位置

如何将标题放置在右下角，最大宽度和响应速度？ 我不想把标题放在图片的外面。我设置了以下属性

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

一旦我设置了最大宽度：300px；标题位于中间（因为右侧部分按最大宽度修剪）。如果我将边距设置为左，我会失去响应能力。 我需要使用媒体查询吗

---

感谢您的帮助。

您必须对标题的左属性赋予如下值：

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

链接：