时间戳

首页 > 解决方案 > for循环中的引导模式

bootstrap-4 - for循环中的引导模式

问题描述

我正在使用 django 模板中的 for 循环迭代多模式，但模式仅适用于列表的第一个元素。我已经修改了 id 值<a href=...>并<div class="modal fade">按照Bootstrap modal、django for loop and model和multi modals bootstrap in for loop django 中的建议修改了循环。还是行不通。

有什么建议么 ？这是我的代码片段：

{% for sess in session %}        
   <a href="#{{ sess.id }}" role="button" class="btn btn-fix text-left p-0" data-toggle="modal">Link</a>
   <div class="modal fade" id="{{ sess.id }}" role="dialog">
         <div class="modal-dialog modal-lg">
             <div class="modal-content">
                     <h5>{{sess.Title}}</h5>
                     <p class="text-right">
                       <button type="button" class="btn btn-outline-dark btn-sm" data-dismiss="modal">Close</button>
                     </p>
             </div>
         </div>
   </div> 
{% endfor %}

标签： bootstrap-4django-templatesbootstrap-modal

解决方案

我知道为什么：按钮和模式中的 id 值不应该是数字（所以不是{{sess.id}}）。它正在使用test{{sess.id}}。

推荐阅读