twitter-bootstrap - Jekyll サイトのモーダルに複数の画像を配置するにはどうすればよいですか?

Question

修正された Bootstrap テーマ (具体的にはこのテーマ) と Jekyllを使用して Web サイトの構築を終えています。Jekyll を使用するのはこれが初めてで、これまでは順調に進んでいましたが、困惑しています。

上でリンクしたブートストラップ テーマと同じように、いくつかの写真と 1 段落分のテキストを含めるモーダルを開くポートフォリオ セクションがあります。これまでのところ、モーダル投稿の他の要素は希望どおりに機能していますが、複数の画像を追加する方法がわかりません。

これが私のポートフォリオモーダルのhtmlです

{% for post in site.posts %}
<div class="portfolio-modal modal fade" id="portfolioModal-{{     post.modal-id }}" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
    <div class="modal-content">
        <div class="close-modal" data-dismiss="modal">
            <div class="lr">
                <div class="rl">
                </div>
            </div>
        </div>
        <div class="container">
            <div class="row">
                <div class="col-lg-8 col-lg-offset-2">
                    <div class="modal-body">
                        <!-- Project Details Go Here -->
                        <h2>{{ post.title }}</h2>
                        <p class="item-intro text-muted"> {{   post.subheading }} </p>
                        <p>{{ post.description }}</p>
                        <img class="img-responsive" src="img/portfolio/{{ post.img }}">
                        <ul class="list-inline">
                            <li>Date: July 2014</li>
                            <li>Location: {{ post.location }} </li>
                            <li>Category: {{ post.category }} </li>
                        </ul>
                        <button type="button" class="btn btn-primary"  data-dismiss="modal"><i class="fa fa-times"></i> Close Project</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</div>
{% endfor %}

これが私のモーダル投稿の前付けです

---
layout: post
modal-id: 1
title:  Post title
date:   2017-01-06
location: Project location
img: img.jpg
category: Post category
alt: image-alt
description: Post description
---

そのため、投稿ごとに複数の画像を追加する方法がわかりません。どんな助けでも大歓迎です！