Warning: count(): Parameter must be an array or an object that implements Countable in /home/xs638785/agile-software.site/public_html/wp-content/plugins/rich-table-of-content/functions.php on line 490
作品リストの配置
https://www.agile-software.site/2021/04/08/bootstrap/justify-content-endは均等配置
<div class="card top d-flex flex-column justify-content-end mb-4">{% extends "app/base.html" %}
{% block content %}
<div class="card top d-flex flex-column justify-content-end mb-4">
<img src="{{ profile_data.topimage.url }}" alt="">
<div class="overlay text-white p-5">
<h1 class="title">{{ profile_data.title }}</h1>
<h5 class="subtitle">{{ profile_data.subtitle }}</h5>
</div>
</div>
<div class="row mb-5">
{% for work in work_data %}
<div class="col-6 col-md-3 mb-3">
<div class="card work-thumbnail">
{% if work.thumbnail %}
<img class="work-img" src="{{ work.thumbnail.url }}" alt="">
{% else %}
<img class="work-img" src="{{ work.image.url }}" alt="">
{% endif %}
<div class="work-title text-center">
<p class="mb-0">{{ work.title }}</p>
</div>
<a class="stretched-link work" href="{% url 'detail' work.id %}"></a>
</div>
</div>
{% endfor %}
</div>
{% endblock %}
