引導程序3在Django模板中顯示Col-md-6以外的內容

對不起，這個問題不可避免地會很長。引導程序3在Django模板中顯示Col-md-6以外的內容

我有basetemplate.html哪些其他文件擴展。

basetemplate.html：

<!DOCTYPE html> 
<html lang="en"> 
    <head>....</head> 
    <body> 
     <nav class="navbar navbar-default navbar-fixed-top">...</nav> 
     <div class="container"> 
      <div class="row">     
       <div class="col-md-3 hidden-xs hidden-sm"> 
       {% block profile %} 
        <p>User details here...</p> 
       {% endblock %} 
       </div> 

       <div class = "col-md-6"> 
       {% block mainBody %}    
       {% endblock %} 
       </div> 

       <div class = "col-md-3 hidden-xs hidden-sm"> 
       {% block others %} 
        <p>Others here...</p> 
       {% endblock %} 
       </div> 
      </div> 
     </div> 
    </body> 
</html>

我現在有home.html延伸basetemplate.html：

home.html的：

{% extends "mysite/base.html" %} 
{% block mainBody %} 
    {% include 'mysite/mainbody.html' %} 
{% endblock %}

而且mainbody.html包含：

{% for article in articles reversed %}  
    <div class="article-wrapper"> 
     <div class="article-content"> 
      <p>{{ article.content }}</p> 
     </div> 
    </div> 
{% endfor %}

這非常適用於home.html。我的所有文章都顯示在<div class = "col-md-6"></div>之內，但它不適用於hashtags.html頁面。如果我有，說10篇文章來爲特定包括hashtag，它會顯示內<div class = "col-md-6"></div>兩個或兩個以上，可以是三個外面和外面<div class = "row"></div>休息。有時甚至有些顯示在<div class = "container"></div>之外。

hashtag.html：

{% extends "mysite/base.html" %} 
{% block mainBody %} 
    {% include 'mysite/mainbody.html' %} 
{% endblock %}

查詢獲取文章home.html的是articles = Article.objects.all()[:10]而hashtag.html的是articles = Article.objects.filter(content__icontains=hashtaggedword)[:10]。

我已經確認並檢查，看看是否有任何未關閉的標籤，但即使使用W3C Validator後找不到任何。我也檢查過col-md-6以外的東西是否有什麼奇怪的現象，但是它們沒問題，並且按照它們創建的時間順序顯示。

來源

2016-01-05 Yax

大概article.content有HTML標籤。通過escape逃脫它們。

{{ article.content|escape }}

來源

2016-01-05 07:21:59

哇！這做到了！我確實在'{{article.content | escape}}'中有一些html標記，它們都是錨定標記，我在它們每個上都做了truncatechars | 1000'。因此，如果我將截斷，它會導致那些wahala。 Muchas gracias！ – Yax

嘗試使用這種方法：

<ul class="list-group"> 
    {% for article in articles reversed %} 
     <li class="list-group-item">{{ article.content }}</li> 
    {% endfor %} 
</ul>

這段代碼的結果是一個簡單的列表，你可以把這個給你列沒有任何問題

來源

2016-01-05 07:13:16

引導程序3在Django模板中顯示Col-md-6以外的內容

回答

相關問題