如何使用django-bootstrap3

我有一個django網站，現在我想使用引導程序。我發現django-bootstrap3：django-bootstrap3 如何使用django-bootstrap3

首先，我通過pycharm安裝了軟件包。像快速入門，我可以加載：

{# Load the tag library #} 
{% load bootstrap3 %} 

{# Load CSS and JavaScript #} 
{% bootstrap_css %} 
{% bootstrap_javascript %} 

{# Display django.contrib.messages as Bootstrap alerts #} 
{% bootstrap_messages %}

但

{% bootstrap_form form %}

我得到一個錯誤：

Invalid block tag on line 22: 'bootstrap_form', expected 'endblock'. Did you forget to register or load this tag?

如何解決這個問題？

PS：我在我的settings.py

來源

2016-02-18 spitzbuaamy

把所有的代碼，直到行22 – doru

這裏是孔文件：http://pastebin.com/RQTfSj8b – spitzbuaamy

在'site_base.html'文件 – doru

添加{% load bootstrap3 %}兒童模板文件中的{% extends 'site_base.html' %}後。

來源

2016-02-18 12:05:49 doru

添加那爲我工作，但爲什麼？我在我的base.html文件中有'{％load bootstrap3％}'。 – joshlsullivan

@joshlsullivan因爲這是模板標籤的工作方式。請參閱[此問題]（http://stackoverflow.com/a/14141707/1418794）和更多信息的答案。 – doru

你把它裏面<form>標籤添加到bootstrap3 INSTALLED_APPS？

這是你引導的形式應該是什麼樣子（從Django的bootstrap3 GitHub的頁面），如：

<form action="/url/to/submit/" method="post" class="form"> 
    {% csrf_token %} 
    {% bootstrap_form form %} 
    {% buttons %} 
     <button type="submit" class="btn btn-primary"> 
      {% bootstrap_icon "star" %} Submit 
     </button> 
    {% endbuttons %} 
</form>

來源

2016-02-18 11:25:02 Hosni

是的，我dit。有沒有辦法使用django模板繼承這個包？ – spitzbuaamy

如果我刪除了我得到的「塊」：第22行上的塊標記無效：'bootstrap_form'。你忘了註冊或加載這個標籤嗎？ – spitzbuaamy

您應該首先將{％bootstrap_css％} {％bootstrap_javascript％}（不確定{％bootstrap_messages％}）放在正確的位置，這意味着在和旁邊的以及可能調用jquery在調用JavaScript引導之前。如果您在瀏覽器中檢查模板頁面的元素，您可能會注意到一些不一致之處。 – Hosni

如何使用django-bootstrap3

回答

相關問題