django3-bootstrap3 出现网页不自动换行的现象，请问需要如何解决不？？

附图是相关现象：

本页相关代码如下 ：

{% extends 'learning_logs/base.html' %}

{% block header %} 
  <h2>{{ topic }}</h2> 
{% endblock header %}

{% block content %}
  <p> 
    <a href="{% url 'learning_logs:new_entry' topic.id %}">add new entry</a> 
  </p>

  {% for entry in entries %} 
    <div class="panel panel-default">
      <div class="panel-heading">
        <h3>
          {{ entry.date_added|date:'M d, Y H:i' }}
          <small>
            <a href="{% url 'learning_logs:edit_entry' entry.id %}">
                edit entry</a> 
          </small>
        </h3>
      </div>
      <div class="panel-body">
        {{ entry.text|linebreaks }}
      </div>
    </div><!-- panel -->
  {% empty %} 
    There are no entries for this topic yet. 
  {% endfor %} 
  
{% endblock content %} 
 

备注：问题来自书本《python从入门到实践20.1.8 设置topic中条目的样式》