Bootstrap 4 Can'；t在引导卡类中包装图像（使用wagtail）

我目前正在测试wagtail，遇到了一个问题。我有一个这样的模型

from django.db import models

from wagtail.wagtailcore.models import Page
from wagtail.wagtailadmin.edit_handlers import FieldPanel
from wagtail.wagtailimages.edit_handlers import ImageChooserPanel

class PostPage(Page):

    body = models.CharField(max_length=100)
    photo = models.ForeignKey(
        'wagtailimages.Image', on_delete=models.SET_NULL, related_name='+',
        blank=True, null=True
    )

    content_panels = Page.content_panels + [
        FieldPanel('body', classname='full'),
        ImageChooserPanel('photo'),
    ]

通过wagtail管理页面，我使用CharField输入一些文本，并使用ForeignKey添加照片（就像在wagtail教程中一样）。但是，我想将输入到bootstap代码中的数据像这样包装到我的模板中：

{% extends 'base.html' %}

{% load wagtailcore_tags wagtailimages_tags %}

{% block body_class %}template-postpage{% endblock %}

{% block content %}

{{ page.title }}<br>
<button type="button" class="btn btn-primary">{{ page.body }}</button>
<br>
<div class="card" style="width: 18rem;">
    <img class="card-img-top" src={% image page.photo width-300 %} alt="Card image cap">
    <div class="card-body">
        <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
    </div>
</div>
{% image page.photo width-400 %}

{% endblock %}

{%extends'base.html%}
{%load wagtailcore_tags wagtailimages_tags%}
{%block body_class%}模板后页{%endblock%}
{%block content%}
{{page.title}}

{{page.body}}


一些基于卡片标题的快速示例文本，构成了卡片内容的大部分
{%image page.photo width-400%}
{%endblock%}

问题是我实际上可以将page.body包装到引导“button”类中，但当涉及图片时，它不会在页面中呈现，例如，当我想要将其包装到引导“card”类中时。 当我使用像这样的普通代码时，页面中显示了图片

{%image page.photo width-400%}

，但在引导“card”类中使用此代码时，它不会出现。

---

引导程序本身在页面上运行良好。谢谢你的帮助。谢谢

标签

{%image page.photo width-300%}

输出一个完整的

<img class="card-img-top" src=<img src="some-url.jpg"> alt="Card image cap">

{% image page.photo width-400 class="card-img-top" %}

{% image page.photo width-400 as card_image %}

<div class="card" style="width: 18rem;">
    <img class="card-img-top" src={{ card_image.url }} alt="Card image cap">