IMAGE :
How do I set a standard container size and also how do I size the images in a proper way so that the clarity of the images dont disturb and also gives a good look.
The images are of different sizes so dont know what to do exactly, should I set them to a standard size? or is there any better way?
CODE :
<div class="album py-5 bg-light">
<div class="container">
<div class="row ">
{% for job in jobs.all %}
<div class="col-md-4">
<div class="card mb-4 shadow-sm">
<img class = "card-img-top" src = "{{job.image.url}}">
<div class="card-body" >
<p class="card-text" >{{job.summary}}</p>
<div class="d-flex justify-content-between align-items-center">
</div>
</div>
</div>
</div>
{% endfor %}
</div>
</div>
</div>
如果您使用的是 bootstap 4 添加一个类属性
<img class = "card-img-top" src = "{{job.image.url}}" class="img-fluid" >
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.