在注釋部分放置斷點或換行符（Python - Django）

Question

更新 2

在查看 Bootstrap 材料后，我嘗試使用<div class="row"> ，但評論似乎仍然呈現在一系列列中，而不是行中。

<article class="media content-section">
        <!-- comments -->
         <h2>{{ comments.count }} Comments</h2>
        {% for comment in comments %}

          <div class="row">
            <div class="media-body ">
                <a class="mr-2" href="#">{{ comment.name }}</a>
                <small class="text-muted">{{ comment.created_on|date:"F d, Y" }}</small>
            </div>

            <p class="article-content">{{ comment.body  }}</p>
          </div>





            {% endfor %}
      </article>

更新

這就是我的網站現在的呈現方式 -

似乎br沒有做任何事情。

<article class="media content-section">
        <!-- comments -->
         <h2>{{ comments.count }} Comments</h2>
        {% for comment in comments %}

        <div class="media-body ">
            <a class="mr-2" href="#">{{ comment.name }}</a>
            <small class="text-muted">{{ comment.created_on|date:"F d, Y" }}</small>
        </div>
        <h3 class="article-title">{{ post.title }}</h3>
        <p class="article-content">{{ comment.body  }}</p>

        <br><br><br>
        <p>test2 test2</p>
        <br><br><br>
        <p>test2 test2</p>
        <br><br><br>

        {% endfor %}
  </article>

原帖

這就是我的網站呈現的方式 -

我嘗試將<br>和</br>放在幾個地方，但沒有看到任何影響。 有沒有人有任何想法？

<article class="media content-section">
        <!-- comments -->
         <h3>{{ comments.count }} Comments</h3>
         <br><br/>
        {% for comment in comments %}

        <div class="media-body ">
            <a class="mr-2" href="#">{{ comment.name }}</a>
            <small class="text-muted">{{ comment.created_on|date:"F d, Y" }}</small>
        </div>
        <br><br/>
        <h2 class="article-title">{{ post.title }}</h2>
        <p class="article-content">{{ comment.body  }}</p>
        <br><br/>

        {% endfor %}
  </article>

Answer 1

<br>標簽是一個純粹的 HTML 結構，我的意思是它非常低級。 這里還不夠，您需要為您的數據分配適當的 css 類。

我可以看到您正在使用 boostrap css 框架，從 class 名稱（如“col-md-8”）判斷。 您還有一些其他自定義 css 類，例如“媒體內容部分”。

很難給你建議，因為我不知道那些自定義類是做什么的。 但是，引導程序使用網格系統並且有一個“行” class 用於新行。 試試看。

您可能正在修改您找到的一些示例，並且您可能刪除了那里的評論的 rest 並在那里放置了一個 for 循環。 一般來說，您的方法是正確的，如果您這樣做，請更加小心和專心。 我會恢復這些評論，看看你的代碼有什么不同。

Answer 2

簡而言之：




br 標簽的文本字符