Django引导程序和段落

时间:2018-12-03 15:35:58

标签: django bootstrap-4 ckeditor

我在使用Django / Bootstrap / RichText时遇到问题。 当我开始在CKEditor中使用样式时,我的引导程序样式变坏了。

实际上,当我使用多个<p></p>时,我的布局出错了。

我的HTML文件:

{% for rule in rules %}
<div class="content-section">
  <div class="row bg-info">
    <div class="col-sm-12 text-white">
      <i class="fas fa-greater-than"></i> <a class="text-white" href="{% url 'rule-detail' rule.pk %}">{{ rule.title }}</a>
    </div>
  </div>
  <div class="row">
    <div class="col-sm-2 align-middle text-center font-weight-bold">
      {{ rule.reference }}
    </div>
    <div class="col-sm-10 text-justify">
      {{ rule.content|safe|truncatechars:250 }}
    </div>
  </div>
</div>
<hr>
{% endfor %}

规则源示例:

<p><cite>Style1</cite></p>

<h1><cite>Style2</cite></h1>

<p><cite><img alt="" src="https://i.kinja-img.com/gawker-media/image/upload/s--SGs2aMWj--/c_scale,f_auto,fl_progressive,q_80,w_800/jgpeuoavmn7pwbh98ycs.jpg" /></cite></p>

<p>text here <strong> text there</strong> lorem ipsum</p>

第一篇文章显示得很好,但是第二篇文章转移了 我该如何处理?

谢谢

0 个答案:

没有答案