使用 mako 模板动态结束 div class=row/start new div row HTML

大佬教程收集整理的这篇文章主要介绍了使用 mako 模板动态结束 div class=row/start new div row HTML，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决使用 mako 模板动态结束 div class=row/start new div row HTML？

开发过程中遇到使用 mako 模板动态结束 div class=row/start new div row HTML的问题如何解决？下面主要结合日常开发的经验，给出你关于使用 mako 模板动态结束 div class=row/start new div row HTML的解决方法建议，希望对你解决使用 mako 模板动态结束 div class=row/start new div row HTML有所启发或帮助；

我正在尝试在我的 HTML 页面上使用 Mako for 循环显示课程列表。每门课程都有自己的卡片，一旦有三张卡片，我就试图结束这一行。我试着用这个循环

% if (loop.index % 3):
    </div>
    <div class="row">
  % end if

但是它会在一行上放两张卡片，然后在下一行放一张卡片，然后是 2，然后是 1，等等。我想使用循环，因为要显示的课程数量会随着课程的增加而变化添加到数据库中。

这是我的模板文件：（从技术上讲，我的应用程序使用的语言是 Django-Mako-Plus，所以这可能是 Django 问题？）

<div class="container">
  <!-- Todo if using this style,figure out how to dynamically start/end bootstrap rows or similar solution -->
  <div class="row">

  % for a in allcourses:
  <div class="col-md-4">
    <div class="card" style="wIDth: 18rem;">
      <img class="card-img-top" src="${ STATIC_URL }homepage/media/courseimg/${a.coursephoto}" alt="Card image cap">
      <div class="card-body">
        <h5 class="card-Title">${a.courseTitle}</h5>
      </div>
      <ul class="List-group List-group-flush">
        <li class="List-group-item" style="text-align: center; Font-style:italic; text-size:small;"><strong>${a.instructorID.instructorname} - Instructor</strong><br>${a.credithours.normalize()} Training Hours / 0.${a.credithours.normalize()} CEU</li>
      </ul>
      <div class="card-body">
        <p class="card-text">${a.coursedescription|truncatewords:15}</p>
        <a href="/homepage/checkout/" class="btn btn-primary @R_495_4041@-link">Learn More</a>
      </div>
    </div>
  </div>
% if (loop.index % 3):
    </div>
    <div class="row">
  % end if

  % endfor

  </div>
</div>

任何帮助将不胜感激！我对 Mako 模板很陌生。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

大佬总结

以上是大佬教程为你收集整理的使用 mako 模板动态结束 div class=row/start new div row HTML全部内容，希望文章能够帮你解决使用 mako 模板动态结束 div class=row/start new div row HTML所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。