django - 如何在同一行显示多个引导卡
问题描述
我正在尝试使用引导程序 4在卡片中显示从数据库中检索到 的数据,数据被正确检索,但问题在于这些卡片的显示,因为它只是以垂直方式显示在一行中的每张卡片上。
我需要的是在同一行显示 3 或 4 张卡片。
代码:
{% for obj in object_list %}
<div class="container">
<div class="row">
<div class="col-md-4">
<div class="card">
<!--Card image-->
<img class="img-fluid" src="https://mdbootstrap.com/img/Photos/Others/images/43.jpg" alt="Card image cap">
<!--Card content-->
<div class="card-body">
<!--Title-->
<h4 class="card-title">name:{{ obj.name}}</h4>
<!--Text-->
<p class="card-text">{{obj.content}}</p>
<a href="#" class="btn btn-primary">Button</a>
</div>
</div>
</div>
</div>
</div>
{% endfor %}
解决方案
推荐阅读
- python - 访问以下布局中的属性时出现“列表索引超出范围”错误
- javascript - 使 React 组件在边框拖动时可扩展
- typescript - 调试器断点不正确的行。Webpack 配置打字稿
- c# - 无法存档项目,因为:该项目没有包名称(但它有!)
- sass - scss根据最顶层的父级修改规则
- java - 如何在使用黄瓜依赖注入从一个类调用驱动程序实例到另一个类时解决空指针异常
- flutter - Flutter - TextFormField 内的加载/进度指示器
- python - 我在使用 python 中的字典时遇到问题
- sql - Android SQLite根据(当前表+另一个表的总和)更新当前表
- reactjs - 无法在柏树中模拟 GET 请求