How to use django-bootstrap3

Question

I have a django website, and now I want to use bootstrap. I found django-bootstrap3: django-bootstrap3

First I installed the package over pycharm. Like in quickstart, I can load:

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

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

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

But for

{% bootstrap_form form %}

I get an error:

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

how to fix this error?

PS: I have added bootstrap3 to Installed_Apps in my settings.py

Add {% load bootstrap3 %} to child template file after extends — doru
– doru, Commented Feb 18, 2016 at 12:03

doru · Accepted Answer · 2016-02-18 12:05:49Z

6

Add {% load bootstrap3 %} to child template file after the {% extends 'site_base.html' %}.

answered Feb 18, 2016 at 12:05

doru

9,1502 gold badges37 silver badges45 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

joshlsullivan Over a year ago

Adding that worked for me, but why? I have {% load bootstrap3 %} in my base.html file.

doru Over a year ago

@joshlsullivan Because this is how template tags work. See this question and the answers for more info.

Mr Lister · Accepted Answer · 2016-02-26 08:31:36Z

0

Did you put it inside <form> tags ?

This is how your bootstrap form should look (from django-bootstrap3 github page) like:

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

edited Feb 26, 2016 at 8:31

Mr Lister

46.8k15 gold badges118 silver badges156 bronze badges

answered Feb 18, 2016 at 11:25

Hosni

6689 silver badges29 bronze badges

3 Comments

spitzbuaamy Over a year ago

yes, i dit. is there a way tho use django-template-inheritance with this package?

spitzbuaamy Over a year ago

If i remove the "block" i get: Invalid block tag on line 22: 'bootstrap_form'. Did you forget to register or load this tag?

Hosni Over a year ago

You should also start by putting your {% bootstrap_css %} {% bootstrap_javascript %} (not sure for {% bootstrap_messages %} ) in the right place, which means inside the <head> next to <link...> and <script...> and probably the call to jquery before the call to javascript bootstrap. if you inspect the elements of the template page in the browser you'll probably notice some incoherence.

Collectives™ on Stack Overflow

How to use django-bootstrap3

2 Answers 2

2 Comments

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related