在Django 1.11中使用Bootstrap-4

时间:2018-07-05 10:31:30

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

{% 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具备所有静态要求。
如何将引导程序应用于上述字段?
尝试了许多方法仍然无法应用。

1 个答案:

答案 0 :(得分:0)

首先在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>

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