我对此很陌生，但是我设法在图像上添加了一个标题，并用黑框包围（我想要的方式），但是带有文本的黑框（宽度为70％）似乎粘在了图片的左侧。
<div class="row">
<div class="text-center" style="position: relative">
<img src="http://i.imgur.com/84AfU5A.jpg" alt="" class="img-responsive center-block" style="border-radius: 25px; ">
<div class="caption" style="position: absolute; top: 55%; width:70%; background-color: black; opacity: 0.5">
<p style="color: white !important; opacity: 1 !important">“Text Text Text Text</p>
</div>
</div>
</div>
抱歉，如果这确实是一个明显的解决方法。
只需将左侧的css属性添加到标题div，就可以了。在下面的示例中，我添加了left：5％；
<div class="row">
<div class="text-center" style="position: relative">
<img src="http://i.imgur.com/84AfU5A.jpg" alt="" class="img-responsive center-block" style="border-radius: 25px; ">
<div class="caption" style="position: absolute; top: 55%; left:5%; width:70%; background-color: black; opacity: 0.5">
<p style="color: white !important; opacity: 1 !important">“Text Text Text Text</p>
</div>
</div>
</div>本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句