这是我的第一个问题......我必须这样做:
但我搜索了很多,没有什么对我有用,我在我的HTML和CSS中有类似的东西
.thumbnail {
position: relative;
margin-bottom: 0;
border: 0;
border-color: transparent;
}
.caption {
position: absolute;
top: 40%;
left: 0;
width: 100%;
}Run Code Online (Sandbox Code Playgroud)
<div id="box-search">
<div class="thumbnail text-center">
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/7/7d/Granola03242006.JPG/280px-Granola03242006.JPG" alt="">
<div class="caption">
<p>contacto@windberg.cl</p>
<p>+56983874071 | +56228231294</p>
<p>El Aguilucho 3174, Providencia, Región Metropolitana</p>
</div>
</div>
</div>Run Code Online (Sandbox Code Playgroud)
这工作,但当我使用铬的响应模式时,文本离开图像
(对不起我的英语,我说西班牙语)