如何使来自Django数据库的数据水平显示？

Question

In this Image，数据以垂直格式出现。但是我想要水平格式的数据。

{% block title %}Blog{% endblock title %}

{% block body %} 


<div class="container">
    <div class="row">


{% for post in posts%}


<div class="col-lg-3">


<div class="card" style="width: 31.25rem;">
<!-- <div class="card"> -->

    <img class="img-fluid card-img-top" src="https://images.unsplash.com/photo-1591154669695-5f2a8d20c089?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1887&q=80" alt="Card image cap" style="height: 250px;width: 500px;">
    <div class="card-body">
      <h5 class="card-title">Card title</h5>
      <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
      <a href="#" class="btn btn-primary">Go somewhere</a>
    </div>
  </div>

</div>
</div>

</div>



<div class="post block">
    <h2 class="subtitle">{{post.title}}</h2>


    <small>Posted At {{post.date_added}}</small>



    <p>{{post.intro}}</p>


        <a href="{% url 'post_detail' post.slug %}">Read More</a>

</div>


{% endfor %}

{% endblock body %}

大家好，我是 Django 的新手怎么才能横向显示数据来自数据库

Answer 1

所以问题是我在 For 循环中结束行以创建新行你必须将 For 循环放在外面

检查此代码

{% extends 'base.html' %}

{% block title %}Blog{% endblock title %}

{% block body %} 


 <div class="container">
    <div class="row"> 


{% for post in posts%}


<div class="col-lg-4">


<div class="card" style="width: 31.25rem;">
<!-- <div class="card"> -->

    <img class="img-fluid card-img-top" src="https://images.unsplash.com/photo-1591154669695-5f2a8d20c089?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1887&q=80" alt="Card image cap" style="height: 250px;width: 500px;">
    <div class="card-body">
      <h5 class="card-title">{{post.title}}</h5>
      {{post.date_added}}
      <p class="card-text">{{post.intro}}</p>
      <a href="{% url 'post_detail' post.slug %}" class="btn btn-primary">Go somewhere</a>
    </div>
  </div>

</div>





{% endfor %}
</div>

</div>

{% endblock body %}

如何使来自Django数据库的数据水平显示？

How to make data that comes from Django database appear horizontally?

django

twitter-bootstrap