Размещение точек останова или разрывов строк в разделе комментариев (Python - Django) - PullRequest
Новая
       43

Размещение точек останова или разрывов строк в разделе комментариев (Python - Django)

1 голос
/ 13 апреля 2020

Обновление 2

Я пытался использовать <div class="row"> после просмотра материала Bootstrap, но комментарии по-прежнему отображались в виде ряда столбцов, а не строк.

enter image description here

<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>

Обновление

Теперь мой сайт обновляется - enter image description here

Не похоже, что 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>

Исходное сообщение

Это Вот как рендерит мой сайт -

enter image description here

Я попытался поместить <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>

Ответы [ 2 ]

0 голосов
/ 13 апреля 2020

Вкратце: 

&#013;

текстовый символ для тега br

0 голосов
/ 13 апреля 2020

Тег <br> является чистой HTML конструкцией, и под этим я подразумеваю очень низкий уровень. Здесь этого недостаточно, вам нужно назначить соответствующие css классы для ваших данных.

Я вижу, что вы используете boostrap css framework, судя по именам классов типа "col-md-8" , У вас есть другие пользовательские css классы, например, «media-content-section».

Трудно дать вам совет, потому что я не знаю, что делают эти пользовательские классы. Но bootstrap использует сеточную систему и имеет класс "row" для новых строк. Попробуйте это.

Вы, вероятно, изменяете какой-то пример, который вы нашли, и вы, вероятно, удалили оставшиеся комментарии и поместили туда значение для l oop. В целом ваш подход верен, просто будьте более осторожны и внимательны, если вы делаете это. Я бы восстановил эти комментарии и посмотрел, что сейчас изменилось в вашем коде.

...