Twitter bootstrap 为什么我的引导模式图像不显示？

我正在尝试用Bootstrap3构建一个非常简单的图像库

这只是几个缩略图，当你点击其中一个时，一个模态窗口出现在顶部，显示真实大小的图像

这是我目前掌握的代码：

<div class="container">
    <div class="row">
        {% for foto in fotos %}
            <div class="col-md-2 ">
                <a href="#launch{{loop.index}}" data-toggle="modal">
                    <img class="photo-grid" src="{{foto.thumb_url}}" border="0">
                </a>
            </div>
        {% endfor %}
    </div>
</div>
{% for foto in fotos %}
    <section id="launch{{loop.index}}" class="modal hide fade">
        <div>
            <div class="modal-body">
                <img src="{{foto.big_url}}">
            </div>
        </div>
    </section>
{% endfor %}

关于我的代码中缺少的内容有什么想法吗？

您需要更改

<a href="#launch{{loop.index}}" data-toggle="modal">

---

很难说，因为你说你的路径是正确的，而且没有CSS来查看是否有东西覆盖了photo grid类。图像在引导模式窗口中工作，您可以查看我正在处理的内容。。。第一个拇指在公文包部分。我已经编辑了我的消息显示我如何导入引导文件。没有什么比这更重要的了。我没有写任何额外的CSS。我来看看你的作品。非常感谢。
<a href="#launch{{loop.index}}" data-toggle="modal">

<a href="#" data-target="#launch{{loop.index}}" data-toggle="modal">