gpt4 book ai didi

html - Bootstrap 3 div 在响应图像上

转载 作者:行者123 更新时间:2023-11-28 10:50:07 25 4
gpt4 key购买 nike

<分区>

我正在尝试使用全宽 <div>在图像上,里面有文本,这样文本就会覆盖图像本身。网格和图像是响应式的,我无法获得 <div>成为 100% 的网格。

<link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet"/>
<div class="container">
<div class="row">
<div class="col-md-6">
<img src="http://lorempixel.com/300/300/cats" class="img-responsive portfolio_frontpage" alt="">
<div class="portfolio_description">
<h2>Heading</h2>
<p>Some random tekst blablabla</p> <span class="read_more"></span>
</div>
</div>
<div class="col-md-6">
<img src="http://lorempixel.com/300/300/cats" class="img-responsive portfolio_frontpage" alt="">
<div class="portfolio_description">
<h2>Heading</h2>
<p>Some random tekst blablabla</p> <span class="read_more"></span>
</div>
</div>
</div>
<!-- /.row -->
</div>
<!-- /.container -->

如您所见,我想要 portfolio_desciption要在图像上方,填充网格的宽度 col-md-6并且有一个白色的背景。

关于我的 CSS 应该如何组成有什么建议吗?

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com