我不明白为什么我的文字没有与图像重叠。我看到图像下方的文字。
<div className="row location-row location nopadding justify-content-center">
<div className="col-md-4 location-padding">
<img className="img-thumbnail img-responsive" src={("./Components/Images/Pula.jpg")} />
<h2><span className="badge badge-warning">Pula</span></h2>
</div>
<div className="col-md-4 location-padding">
<img className="img-thumbnail img-responsive" src={("./Components/Images/Liznjan.jpg")} />
<h2><span className="badge badge-warning">Liznjan</span></h2>
</div>
</div>
CSS
.location-padding {
padding: 20px 20px;
position: relative;
}
.location-padding h2 {
position: absolute;
left: 10px;
top: 20px;
}
.location-row {
margin: 0% 12.5% 0% 12.5%;
}
我得到什么:
四季花海
米琪卡哇伊
相关分类