python - 在 Django 3 中使用 Bootstrap 时遇到问题

Question

我正在尝试实现 Bootstrap 并想到 this library看起来很整洁。但是，当我尝试使用其中一个模板标签时，没有样式，只有一个普通的 HTML 表单。我已经做过的事情:

• 将 'bootstrap3', 添加到我的 settings.py
• 在我的模板顶部加载库

这是我的模板:

{% extends 'base.html' %}
{% load bootstrap3 %}
{% bootstrap_messages %}

{% block title %}
    Edit {{ thing.name }} - {{ block.super }}
{% endblock title %}

{% block content %}
    <h1>Edit "{{ thing.name }}"</h1>
    <form role="form" action="" method="post">
       {% csrf_token %}
       {% bootstrap_form form %}
       {% buttons %}
       <button type="submit">{% bootstrap_icon "star" %}Submit</button>
    </form>
       {% endbuttons %}

{% endblock content %}

仅作记录 - settings.py:

INSTALLED_APPS = [
    'collection',
    'bootstrap3',
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'django.contrib.sitemaps',
    'registration',

]

非常感谢任何帮助!

Answer 1

如果一切正常，但缺少样式，可能是因为您没有引入 Bootstrap CSS。 django-bootstrap3 的 README 省略了这个，但是它的 quickstart example template具有必要的详细信息。

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

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

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

{# Display a form #}
<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>

(对于真实站点，当然，您可能希望将 {% bootstrap_css %} 和 {% bootstrap_javascript %} 添加到您的基本模板。)