switching to Bootstrap 5
This commit is contained in:
@@ -9,11 +9,11 @@
|
||||
|
||||
{% block content %}
|
||||
|
||||
<div class="container-fluid content-row mx-auto">
|
||||
<div class="row justify-content-start mx-auto">
|
||||
|
||||
<div class="row mx-auto justify-content-start g-4 py-4">
|
||||
{% for content_item in content_items %}
|
||||
<div class="d-flex justify-content-center mb-4">
|
||||
<div class="card h-100 rounded mx-1 my-3" style="width: 400px;">
|
||||
<div class="col">
|
||||
<div class="card h-100 px-0 rounded mx-1 my-3" style="width: 100%; width: 350px;">
|
||||
<div class="card-header">
|
||||
{% if content_item.image_file %}
|
||||
<img src="{{ parent_path }}static/images/{{ content_item.image_file }}" alt="{{ content_item.title }}" class="card-img-top img-fluid mx-auto d-block object-fit-scale rounded" style="max-height: 200px; width: auto;">
|
||||
@@ -21,9 +21,9 @@
|
||||
<img src="static/images/1x1.png" alt="{{ content_item.title }}" class="card-img-top img-fluid mx-auto d-block object-fit-scale rounded" style="height: 200px; width: auto;">
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="card-body d-flex flex-column">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title"><a class="text-decoration-none text-body" href="{{ parent_path }}content/{{ content_item.slug}}.html">{{ content_item.title }}</a></h5>
|
||||
<p class="card-text mb-3">{{ content_item.preview | safe}}<a href="{{ parent_path }}content/{{ content_item.slug}}.html">... read more</a> </p>
|
||||
<p class="card-text mb-2">{{ content_item.preview | safe}}<a class="text-decoration-none" href="{{ parent_path }}content/{{ content_item.slug}}.html">... read more</a> </p>
|
||||
</div>
|
||||
<div class="card-footer">
|
||||
{% for item_category in content_item.categories %}
|
||||
@@ -31,10 +31,12 @@
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
{% endblock %}
|
||||
Reference in New Issue
Block a user