在 Django 1.11 中使用 Bootstrap-4

【问题标题】：Using Bootstrap-4 in Django 1.11在 Django 1.11 中使用 Bootstrap-4
【发布时间】：2018-12-13 19:16:18
【问题描述】：

{% extends "base.html" %}

{% block content %}
    <h1>Hello Customer</h1>

    <div class="control-group">
    {{r_form.as_p}}
    {{c_form.as_p}}
    <button class='btn btn-success' type="submit">Submit</button>
    </div>

{% endblock %}

Base.html 具备所有静态要求。
如何将 bootstrap 应用于上述字段？
试了很多方法还是不能申请。

【问题讨论】：

您在使用模型表单吗？如果是，您可以使用attr 属性为表单提交应用它们。

标签： django django-models django-forms bootstrap-4

【解决方案1】：

首先在settings.py文件中定义静态目录：

STATIC_URL = '/static/'

STATIC_ROOT = os.path.join(BASE_DIR, 'static', 'static_root')

STATICFILES_DIRS = (
    os.path.join(BASE_DIR, 'static', 'static_dirs'),
 )

其次，将引导文件添加到static/static_dirs目录

第三，像这样改变模板的头部：

<!DOCTYPE html>
    {% load staticfiles %}
    <head>
        <link href="{% static 'css/bootstrap.min.css' %}" rel="stylesheet">
    </head>
</html>

现在您可以使用已定义的引导类

【讨论】：

Base.html 具备所有静态要求。